@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.OU16Qa_className{font-family:Inter,Inter Fallback;font-style:normal}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}[data-theme=dark]{--bg-primary:#002134;--bg-secondary:#052b40;--bg-card:#1a3e58;--bg-card-hover:#2b5474;--bg-elevated:#2b5474;--bg-input:#0d344c;--bg-overlay:#000c1499;--bg-sidebar:#002134;--bg-header:#002134db;--border-primary:#ffffff29;--border-secondary:#ffffff3d;--border-hover:#ffffff5c;--text-primary:#eaf2f8;--text-secondary:#9fbacd;--text-tertiary:#7c9db8;--text-inverse:#002134;--accent-yellow:#f8e801;--accent-yellow-bg:#f8e80124;--accent-blue:#9ad4f5;--accent-blue-bg:#9ad4f524;--accent-sky:#bde6fc;--accent-sky-bg:#bde6fc24;--accent-green:#2e8b57;--accent-green-bg:#2e8b5729;--accent-purple:#8b5cf6;--accent-purple-bg:#8b5cf61f;--accent-red:#d64a3b;--accent-red-bg:#d64a3b29;--accent-orange:#f97316;--accent-orange-bg:#f973161f;--accent-cyan:#06b6d4;--shadow-sm:0 1px 2px #00122033;--shadow-md:0 10px 26px #00122047, 0 2px 6px #0012202e;--shadow-lg:0 22px 50px #000e1a66, 0 6px 16px #000e1a38;--shadow-xl:0 30px 70px #000e1a80;--shadow-glow-blue:0 0 20px #9ad4f52e;--shadow-glow-yellow:0 0 20px #f8e80138;--shadow-yellow:0 10px 26px #f8e8016b;--scrollbar-track:#052b40;--scrollbar-thumb:#2b5474}[data-theme=light]{--bg-primary:#f4f7f9;--bg-secondary:#e8eef2;--bg-card:#fff;--bg-card-hover:#f4f7f9;--bg-elevated:#fff;--bg-input:#fff;--bg-overlay:#07202f4d;--bg-sidebar:#fff;--bg-header:#ffffffd9;--border-primary:#d9e1e8;--border-secondary:#c3d1da;--border-hover:#9fb4c2;--text-primary:#07202f;--text-secondary:#51697a;--text-tertiary:#7c909e;--text-inverse:#fff;--accent-yellow:#b6a800;--accent-yellow-bg:#b6a8001a;--accent-blue:#1a3e58;--accent-blue-bg:#1a3e5814;--accent-sky:#2b5474;--accent-sky-bg:#bde6fc59;--accent-green:#2e8b57;--accent-green-bg:#2e8b571a;--accent-purple:#7c3aed;--accent-purple-bg:#8b5cf614;--accent-red:#d64a3b;--accent-red-bg:#d64a3b1a;--accent-orange:#ea580c;--accent-orange-bg:#f9731614;--accent-cyan:#0891b2;--shadow-sm:0 1px 2px #0012200f;--shadow-md:0 4px 6px #00122014;--shadow-lg:0 10px 25px #0012201a;--shadow-xl:0 20px 50px #0012201f;--shadow-glow-blue:0 0 20px #1a3e5814;--shadow-glow-yellow:0 0 20px #b6a8001a;--shadow-yellow:0 10px 26px #b6a8003d;--scrollbar-track:#e8eef2;--scrollbar-thumb:#c3d1da}:root{--nav-actief-bg:var(--accent-blue);--nav-actief-tekst:#fff;--bedrijf-band:var(--brand-yellow);--bedrijf-logo:var(--text-primary);--bedrijf-font:var(--font-family)}html[data-bedrijf=tsa]{--bedrijf-font:"Poppins", "Hanken Grotesk", system-ui, sans-serif;--bedrijf-band:#f8e801}html[data-theme=dark][data-bedrijf=tsa]{--nav-actief-bg:#f8e801;--nav-actief-tekst:#002134;--bedrijf-logo:#fff}html[data-theme=light][data-bedrijf=tsa]{--nav-actief-bg:#002134;--nav-actief-tekst:#f8e801;--bedrijf-logo:#002134}html[data-bedrijf=webshop]{--bedrijf-font:"Poppins", "Hanken Grotesk", system-ui, sans-serif;--bedrijf-band:#9ad4f5}html[data-theme=dark][data-bedrijf=webshop]{--bg-primary:#03202e;--bg-secondary:#062c3d;--bg-card:#0e3a4f;--bg-card-hover:#174b63;--bg-elevated:#174b63;--bg-input:#083244;--bg-sidebar:#03202e;--bg-header:#03202ee0;--border-primary:#9ad4f533;--border-secondary:#9ad4f54d;--border-hover:#9ad4f573;--text-secondary:#a7cbdd;--accent-blue:#9ad4f5;--accent-blue-bg:#9ad4f529;--nav-actief-bg:#9ad4f5;--nav-actief-tekst:#002134;--bedrijf-logo:#fff;--scrollbar-track:#062c3d;--scrollbar-thumb:#174b63}html[data-theme=light][data-bedrijf=webshop]{--bg-primary:#eef7fc;--bg-secondary:#e2f4fe;--bg-card:#fff;--bg-card-hover:#f2f9fd;--bg-sidebar:#fff;--bg-header:#ffffffe0;--border-primary:#cfe6f3;--border-secondary:#b6d8ea;--border-hover:#8fc3de;--accent-sky-bg:#bde6fc8c;--nav-actief-bg:#bde6fc;--nav-actief-tekst:#002134;--bedrijf-logo:#002134;--scrollbar-track:#e2f4fe;--scrollbar-thumb:#b6d8ea}html[data-bedrijf=alle]{--bedrijf-band:linear-gradient(90deg, #f8e801 0 25%, var(--nohma-groen) 25% 50%, var(--nohma-rood) 50% 75%, #9ad4f5 75% 100%)}html[data-theme=dark][data-bedrijf=alle]{--bg-primary:#121417;--bg-secondary:#181b1f;--bg-card:#20242a;--bg-card-hover:#2a2f36;--bg-elevated:#2a2f36;--bg-input:#181b1f;--bg-sidebar:#121417;--bg-header:#121417e0;--border-primary:#ffffff1f;--border-secondary:#fff3;--border-hover:#ffffff52;--text-primary:#eceef0;--text-secondary:#a5adb6;--text-tertiary:#808993;--text-inverse:#121417;--accent-blue:#c3cbd3;--accent-blue-bg:#c3cbd31f;--accent-sky:#d5dbe0;--nav-actief-bg:#eceef0;--nav-actief-tekst:#121417;--bedrijf-logo:#eceef0;--brand-yellow:#eceef0;--brand-yellow-hover:#d3d8dd;--shadow-yellow:0 10px 26px #00000059;--scrollbar-track:#181b1f;--scrollbar-thumb:#2a2f36}html[data-theme=light][data-bedrijf=alle]{--bg-primary:#f4f4f5;--bg-secondary:#eaebec;--bg-card:#fff;--bg-card-hover:#f4f4f5;--bg-sidebar:#fff;--bg-header:#ffffffe0;--border-primary:#dedfe2;--border-secondary:#cbcdd1;--border-hover:#a9acb2;--text-primary:#18191b;--text-secondary:#5a5e66;--text-tertiary:#83878f;--accent-blue:#2b2f36;--accent-blue-bg:#2b2f3614;--accent-sky:#3a3f47;--nav-actief-bg:#18191b;--nav-actief-tekst:#fff;--bedrijf-logo:#18191b;--brand-yellow:#18191b;--brand-yellow-hover:#2b2f36;--shadow-yellow:0 10px 26px #0000002e;--scrollbar-track:#eaebec;--scrollbar-thumb:#cbcdd1}html[data-bedrijf=alle] .btn-primary,html[data-bedrijf=alle] .header-user-avatar{color:var(--nav-actief-tekst)}:root{--nohma-groen:#3e4a43;--nohma-rood:#763d32;--nohma-goud:#ecc962;--nohma-creme:#f5f1e9;--nohma-taupe:#cbc1ae;--nohma-tekstgrijs:#5f6b63}:root[data-bedrijf=nohma-living]{--bedrijf-primary:var(--nohma-groen);--bedrijf-accent:var(--nohma-goud);--bedrijf-creme:var(--nohma-creme);--bedrijf-taupe:var(--nohma-taupe)}:root[data-bedrijf=nohma-projects]{--bedrijf-primary:var(--nohma-rood);--bedrijf-accent:var(--nohma-goud);--bedrijf-creme:var(--nohma-creme);--bedrijf-taupe:var(--nohma-taupe)}html[data-bedrijf=nohma-living],html[data-bedrijf=nohma-projects]{--bedrijf-font:"Acumin Pro", "Helvetica Neue", Arial, sans-serif;--bedrijf-band:var(--bedrijf-accent)}html[data-theme=dark][data-bedrijf=nohma-living],html[data-theme=dark][data-bedrijf=nohma-projects]{--bg-primary:color-mix(in srgb, var(--bedrijf-primary) 26%, #04100c);--bg-secondary:color-mix(in srgb, var(--bedrijf-primary) 34%, #04100c);--bg-card:color-mix(in srgb, var(--bedrijf-primary) 32%, #0c1a15);--bg-card-hover:color-mix(in srgb, var(--bedrijf-primary) 44%, #0c1a15);--bg-elevated:color-mix(in srgb, var(--bedrijf-primary) 44%, #0c1a15);--bg-input:color-mix(in srgb, var(--bedrijf-primary) 30%, #04100c);--bg-sidebar:color-mix(in srgb, var(--bedrijf-primary) 60%, #02110d);--bg-header:color-mix(in srgb, var(--bedrijf-primary) 45%, #04100c);--border-primary:color-mix(in srgb, var(--bedrijf-taupe) 32%, transparent);--border-secondary:color-mix(in srgb, var(--bedrijf-taupe) 46%, transparent);--border-hover:color-mix(in srgb, var(--bedrijf-taupe) 60%, transparent);--accent-blue:var(--bedrijf-primary);--accent-blue-bg:color-mix(in srgb, var(--bedrijf-primary) 30%, transparent);--accent-yellow:var(--bedrijf-accent);--accent-yellow-bg:color-mix(in srgb, var(--bedrijf-accent) 18%, transparent);--brand-yellow:var(--bedrijf-accent);--nav-actief-bg:var(--bedrijf-accent);--nav-actief-tekst:var(--bedrijf-primary);--bedrijf-logo:var(--bedrijf-creme);--scrollbar-track:color-mix(in srgb, var(--bedrijf-primary) 34%, #04100c);--scrollbar-thumb:color-mix(in srgb, var(--bedrijf-primary) 55%, #04100c)}html[data-theme=dark][data-bedrijf=nohma-living] .login-footer-link,html[data-theme=dark][data-bedrijf=nohma-projects] .login-footer-link{color:var(--bedrijf-accent)}html[data-theme=dark][data-bedrijf=nohma-living] .login-footer-link:hover,html[data-theme=dark][data-bedrijf=nohma-projects] .login-footer-link:hover{color:var(--bedrijf-creme)}html[data-theme=light][data-bedrijf=nohma-living],html[data-theme=light][data-bedrijf=nohma-projects]{--bg-primary:var(--bedrijf-creme);--bg-secondary:color-mix(in srgb, var(--bedrijf-creme) 82%, var(--bedrijf-taupe));--bg-card:#fff;--bg-card-hover:color-mix(in srgb, var(--bedrijf-creme) 55%, #fff);--bg-elevated:#fff;--bg-input:#fff;--bg-sidebar:#fff;--bg-header:color-mix(in srgb, #fff 85%, var(--bedrijf-creme));--border-primary:color-mix(in srgb, var(--bedrijf-taupe) 55%, transparent);--border-secondary:color-mix(in srgb, var(--bedrijf-taupe) 72%, transparent);--border-hover:color-mix(in srgb, var(--bedrijf-taupe) 90%, transparent);--text-secondary:var(--nohma-tekstgrijs);--text-tertiary:var(--nohma-tekstgrijs);--accent-blue:var(--bedrijf-primary);--accent-blue-bg:color-mix(in srgb, var(--bedrijf-primary) 12%, transparent);--accent-yellow:var(--bedrijf-primary);--accent-yellow-bg:color-mix(in srgb, var(--bedrijf-accent) 22%, transparent);--brand-yellow:var(--bedrijf-accent);--nav-actief-bg:var(--bedrijf-primary);--nav-actief-tekst:var(--bedrijf-creme);--bedrijf-logo:var(--bedrijf-primary);--scrollbar-track:color-mix(in srgb, var(--bedrijf-creme) 70%, #fff);--scrollbar-thumb:var(--bedrijf-taupe)}:root{--brand-yellow:#f8e801;--brand-yellow-hover:#decf00;--brand-navy:#002134;--font-family:"Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-size-xs:.6875rem;--font-size-sm:.75rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1.125rem;--radius-xl:1.625rem;--radius-2xl:2.25rem;--radius-full:9999px;--transition-fast:.13s cubic-bezier(.22, 1, .36, 1);--transition-base:.22s cubic-bezier(.22, 1, .36, 1);--transition-slow:.42s cubic-bezier(.22, 1, .36, 1);--transition-spring:.42s cubic-bezier(.22, 1, .36, 1);--sidebar-width:220px;--header-height:60px;--z-sidebar:40;--z-header:50;--z-dropdown:60;--z-modal:70;--z-notification:80;--z-chat:90;--z-toast:100}html{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100dvh;transition:background-color var(--transition-slow), color var(--transition-slow);line-height:1.5}:where(a){color:var(--accent-blue);text-underline-offset:2px}:where(a):visited{color:var(--accent-blue)}.app-layout{min-height:100dvh;display:flex}.app-main-wrapper{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-width:0;min-height:100dvh;display:flex}.app-content{padding:var(--space-8);padding-top:calc(var(--header-height) + var(--space-8));flex:1;min-width:0;overflow-y:auto}.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border-primary);height:100dvh;z-index:var(--z-sidebar);transition:background-color var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-overlay{opacity:0;pointer-events:none;transition:opacity var(--transition-base);z-index:55;background:#000a1480;position:fixed;inset:0}.menu-knop{width:44px;height:44px;margin-right:var(--space-2);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-base);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:none}.menu-knop:hover{background-color:var(--bg-hover)}.sidebar-logo{align-items:center;gap:var(--space-2);height:var(--header-height);border-bottom:1px solid var(--border-primary);padding:0 14px;display:flex}.sidebar-logo-icon{background:linear-gradient(135deg, var(--accent-blue), var(--accent-cyan));border-radius:var(--radius-sm);width:28px;height:28px;font-size:var(--font-size-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo-text{letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary);font-size:10px;font-weight:700;line-height:1.3}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:10px;display:flex}.sidebar-section-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;padding:10px 8px 4px;font-size:10px;font-weight:600}.sidebar-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;min-width:0;padding:5px 8px;font-size:13px;font-weight:400;text-decoration:none;display:flex}.sidebar-item:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.sidebar-item.active{background-color:var(--nav-actief-bg);color:var(--nav-actief-tekst);font-weight:600}.sidebar-item-label{text-overflow:ellipsis;overflow:hidden}.sidebar-item-icon{font-size:var(--font-size-md);flex-shrink:0;justify-content:center;align-items:center;width:20px;display:flex}.sidebar-item-badge{font-size:var(--font-size-xs);color:var(--accent-green);background-color:var(--accent-green-bg);border-radius:var(--radius-full);margin-left:auto;padding:1px 6px;font-weight:600}.header{top:0;left:var(--sidebar-width);height:var(--header-height);background-color:var(--bg-header);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-primary);padding:0 var(--space-6);z-index:var(--z-header);transition:background-color var(--transition-slow);justify-content:space-between;align-items:center;display:flex;position:fixed;right:0}.header-title{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:600}.header-actions{align-items:center;gap:var(--space-3);display:flex}.search-trigger{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background-color:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-tertiary);font-size:var(--font-size-base);cursor:pointer;min-width:220px;transition:all var(--transition-fast);display:flex}.search-trigger:hover{border-color:var(--border-hover);background-color:var(--bg-card)}.search-trigger-icon{font-size:var(--font-size-base);color:var(--text-tertiary)}.search-trigger-text{flex:1}.search-trigger-shortcut{font-size:var(--font-size-xs);color:var(--text-tertiary);background-color:var(--bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--border-primary);font-family:var(--font-family);padding:2px 6px}.header-icon-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-lg);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.header-icon-btn:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.notification-badge{background-color:var(--accent-red);border-radius:var(--radius-full);border:2px solid var(--bg-header);width:8px;height:8px;position:absolute;top:4px;right:4px}.header-user{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex}.header-user:hover{background-color:var(--bg-card-hover)}.header-user-info{text-align:right}.header-user-name{font-size:var(--font-size-base);color:var(--text-primary);font-weight:500}.header-user-role{font-size:var(--font-size-xs);color:var(--text-tertiary)}.header-user-avatar{border-radius:var(--radius-md);background-color:var(--brand-yellow);width:36px;height:36px;font-size:var(--font-size-sm);color:var(--brand-navy);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;overflow:hidden}.header-user-chevron{font-size:var(--font-size-xs);color:var(--text-tertiary);transition:transform var(--transition-fast)}.header-user-chevron.open{transform:rotate(180deg)}.user-dropdown{top:calc(100% + var(--space-2));background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);width:260px;box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);animation:dropdownSlideIn var(--transition-base) ease-out;position:absolute;right:0;overflow:hidden}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu{padding:var(--space-2)}.dropdown-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;width:100%;text-decoration:none;display:flex}.dropdown-item:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.dropdown-item.logout{color:var(--accent-red)}.dropdown-item.logout:hover{background-color:var(--accent-red-bg);color:var(--accent-red)}.dropdown-separator{background-color:var(--border-primary);height:1px;margin:var(--space-2) 0}.dropdown-section-title{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-2) var(--space-3) var(--space-1);font-weight:600}.dropdown-item-icon{font-size:var(--font-size-md);flex-shrink:0;justify-content:center;align-items:center;width:20px;display:flex}.dropdown-item-external{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-left:auto}.ql-pipedrive{color:#21a464}.ql-monday{color:#fdab3d}.ql-clevergig{color:#3b82f6}.ql-whatsapp{color:#25d366}.ql-rentman{color:#f59e0b}.ql-brincr{color:#3b82f6}.ql-slack{color:#e01e5a}.ql-youngones{color:#8b5cf6}.app-cards-grid{gap:var(--space-5);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.app-card{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base);cursor:pointer;gap:var(--space-4);flex-direction:column;min-width:0;text-decoration:none;display:flex}.app-card:hover{border-color:var(--border-hover);background-color:var(--bg-card-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.app-card-icon{border-radius:var(--radius-md);width:48px;height:48px;font-size:var(--font-size-xl);justify-content:center;align-items:center;display:flex}.app-card-icon.yellow{background-color:var(--accent-yellow-bg);color:var(--accent-yellow)}.app-card-icon.blue{background-color:var(--accent-blue-bg);color:var(--accent-blue)}.app-card-icon.green{background-color:var(--accent-green-bg);color:var(--accent-green)}.app-card-icon.purple{background-color:var(--accent-purple-bg);color:var(--accent-purple)}.app-card-title{font-size:var(--font-size-md);color:var(--text-primary);font-weight:600}.app-card-description{font-size:var(--font-size-sm);color:var(--text-secondary);flex:1;line-height:1.5}.app-card-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);font-weight:500;font-family:var(--font-family);text-decoration:none;display:inline-flex}.app-card-btn:hover{background-color:var(--bg-card-hover);border-color:var(--border-hover)}.app-card-btn-arrow{transition:transform var(--transition-fast)}.app-card:hover .app-card-btn-arrow{transform:translate(3px)}.bottom-panels{gap:var(--space-5);margin-bottom:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.panel{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-5)}.panel-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.panel-title{font-size:var(--font-size-base);color:var(--text-primary);font-weight:600}.panel-link{font-size:var(--font-size-sm);color:var(--accent-blue);align-items:center;gap:var(--space-1);transition:color var(--transition-fast);text-decoration:none;display:flex}.panel-link:hover{color:var(--accent-purple)}.panel-empty{padding:var(--space-8) var(--space-4);color:var(--text-tertiary);font-size:var(--font-size-sm);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.panel-empty-icon{font-size:var(--font-size-2xl);margin-bottom:var(--space-3);opacity:.5}.status-item{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;display:flex}.status-icon{border-radius:var(--radius-sm);width:24px;height:24px;font-size:var(--font-size-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.status-name{font-size:var(--font-size-base);color:var(--text-primary);flex:1}.status-badge{font-size:var(--font-size-xs);border-radius:var(--radius-full);padding:2px 8px;font-weight:500}.status-badge.connected{color:var(--accent-green);background-color:var(--accent-green-bg)}.status-badge.disconnected{color:var(--accent-red);background-color:var(--accent-red-bg)}.quick-action-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);text-decoration:none;display:flex}.quick-action-item:hover{background-color:var(--bg-card-hover)}.quick-action-icon{font-size:var(--font-size-md);color:var(--text-secondary)}.quick-action-label{font-size:var(--font-size-base);flex:1}.quick-action-arrow{color:var(--text-tertiary);font-size:var(--font-size-sm);transition:transform var(--transition-fast)}.quick-action-item:hover .quick-action-arrow{transform:translate(3px)}.welcome-section{margin-bottom:var(--space-8)}.welcome-title{font-size:var(--font-size-2xl);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:700}.welcome-subtitle{font-size:var(--font-size-md);color:var(--text-secondary)}.stats-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.stat-card{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-base);min-width:0}.stat-card:hover{border-color:var(--border-hover)}.stat-label{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);font-weight:600}.stat-value{font-size:var(--font-size-2xl);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:700}.stat-trend{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:500;display:flex}.stat-trend.up{color:var(--accent-green)}.stat-trend.down{color:var(--accent-red)}.stat-trend.neutral{color:var(--text-tertiary)}.data-table-wrapper{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);min-width:0;max-width:100%;overflow:auto hidden}.data-table{border-collapse:collapse;width:100%;font-size:var(--font-size-base)}.data-table thead{background-color:var(--bg-secondary)}.data-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-primary);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast);font-weight:600}.data-table th:hover{color:var(--text-primary)}.data-table th.sorted{color:var(--accent-blue)}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-primary);color:var(--text-primary);white-space:nowrap}.data-table tbody tr{transition:background-color var(--transition-fast);cursor:pointer}.data-table tbody tr:hover{background-color:var(--bg-card-hover)}.data-table tbody tr.selected{background-color:var(--accent-blue-bg)}.data-table tbody tr:last-child td{border-bottom:none}.cell-id{font-family:SF Mono,Fira Code,monospace;font-size:var(--font-size-sm);color:var(--text-secondary)}.cell-primary{font-weight:500}.cell-sub{font-size:var(--font-size-xs);color:var(--text-tertiary)}.cell-link{color:var(--accent-blue);transition:color var(--transition-fast);text-decoration:none}.cell-link:hover{color:var(--accent-purple);text-decoration:underline}.cell-time{font-size:var(--font-size-sm);color:var(--text-secondary)}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-size:var(--font-size-xs);white-space:nowrap;padding:2px 10px;font-weight:500;display:inline-flex}.badge.new{background-color:var(--accent-purple-bg);color:var(--accent-purple)}.badge.in_progress{background-color:var(--accent-orange-bg);color:var(--accent-orange)}.badge.quote_sent{background-color:var(--accent-yellow-bg);color:var(--accent-yellow)}.badge.confirmed{background-color:var(--accent-green-bg);color:var(--accent-green)}.badge.cancelled{background-color:var(--accent-red-bg);color:var(--accent-red)}.badge-dot{border-radius:var(--radius-full);background-color:currentColor;width:6px;height:6px}.urgency-badge{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:500;display:inline-flex}.urgency-badge.high{color:var(--accent-red)}.urgency-badge.medium{color:var(--accent-orange)}.urgency-badge.low{color:var(--accent-green)}.detail-panel{background-color:var(--bg-card);border-left:1px solid var(--border-primary);width:380px;height:100vh;z-index:var(--z-dropdown);animation:panelSlideIn var(--transition-slow) ease-out;box-shadow:var(--shadow-xl);position:fixed;top:0;right:0;overflow-y:auto}@keyframes panelSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.detail-panel-header{padding:var(--space-5);border-bottom:1px solid var(--border-primary);background-color:var(--bg-card);z-index:1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.detail-panel-title{font-size:var(--font-size-md);color:var(--text-primary);font-weight:600}.detail-panel-close{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-lg);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.detail-panel-close:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.detail-panel-content{padding:var(--space-5)}.detail-field{margin-bottom:var(--space-5)}.detail-field-label{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1);font-weight:600}.detail-field-value{font-size:var(--font-size-base);color:var(--text-primary)}.detail-field-value a{color:var(--accent-blue);text-decoration:none}.detail-field-value a:hover{text-decoration:underline}.detail-actions{gap:var(--space-3);padding:var(--space-5);border-top:1px solid var(--border-primary);background-color:var(--bg-card);display:flex;position:sticky;bottom:0}.filter-bar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.filter-bar-left{align-items:center;gap:var(--space-3);display:flex}.filter-bar-right{margin-left:auto}.btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);font-weight:700;font-family:var(--font-family);white-space:nowrap;border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--brand-yellow);color:var(--brand-navy);border-color:var(--brand-yellow)}.btn-primary:hover{background-color:var(--brand-yellow-hover);border-color:var(--brand-yellow-hover);box-shadow:var(--shadow-yellow)}.btn-secondary{color:var(--text-primary);background-color:#ffffff14;border-color:#ffffff38}.btn-secondary:hover{background-color:var(--bg-card-hover);border-color:var(--border-hover)}[data-theme=light] .btn-secondary{background-color:var(--bg-secondary);border-color:var(--border-primary)}.btn-ghost{color:var(--text-secondary);padding:var(--space-2);background:0 0;border:none}.btn-ghost:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.btn-danger{background-color:var(--accent-red);color:#fff;border-color:var(--accent-red)}.btn-danger:hover{filter:brightness(.9)}.btn-outline-blue{color:var(--accent-blue);border-color:var(--accent-blue);background:0 0}.btn-outline-blue:hover{background-color:var(--accent-blue-bg)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm)}.pagination{padding:var(--space-4);justify-content:space-between;align-items:center;display:flex}.pagination-info{font-size:var(--font-size-sm);color:var(--text-secondary)}.pagination-controls{align-items:center;gap:var(--space-1);display:flex}.pagination-btn{border-radius:var(--radius-md);min-width:32px;height:32px;color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);font-weight:500;font-family:var(--font-family);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.pagination-btn:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.pagination-btn.active{background-color:var(--accent-blue);color:#fff}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.search-overlay{background-color:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);animation:fadeIn var(--transition-fast) ease-out;justify-content:center;align-items:flex-start;padding-top:20vh;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-modal{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);width:100%;max-width:560px;box-shadow:var(--shadow-xl);animation:searchSlideIn var(--transition-base) ease-out;overflow:hidden}@keyframes searchSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.search-input-wrapper{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-primary);display:flex}.search-input-icon{font-size:var(--font-size-lg);color:var(--text-tertiary)}.search-input{font-size:var(--font-size-md);color:var(--text-primary);font-family:var(--font-family);background:0 0;border:none;outline:none;flex:1}.search-input::placeholder{color:var(--text-tertiary)}.search-results{max-height:400px;padding:var(--space-2);overflow-y:auto}.search-category{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.search-result-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex}.search-result-item:hover,.search-result-item.highlighted{background-color:var(--bg-card-hover)}.search-result-icon{font-size:var(--font-size-md);color:var(--text-secondary);justify-content:center;width:24px;display:flex}.search-result-title{font-size:var(--font-size-base);color:var(--text-primary)}.search-result-subtitle{font-size:var(--font-size-xs);color:var(--text-tertiary)}.search-footer{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-primary);font-size:var(--font-size-xs);color:var(--text-tertiary);display:flex}.search-footer kbd{background-color:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:var(--font-family);padding:1px 5px}.notification-dropdown{top:calc(100% + var(--space-2));background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);width:360px;max-height:480px;box-shadow:var(--shadow-xl);z-index:var(--z-notification);animation:dropdownSlideIn var(--transition-base) ease-out;position:absolute;right:0;overflow:hidden}.notification-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;display:flex}.notification-header-title{font-size:var(--font-size-md);font-weight:600}.notification-mark-read{font-size:var(--font-size-sm);color:var(--accent-blue);cursor:pointer;font-family:var(--font-family);transition:color var(--transition-fast);background:0 0;border:none}.notification-mark-read:hover{color:var(--accent-purple)}.notification-list{max-height:360px;overflow-y:auto}.notification-item{gap:var(--space-3);padding:var(--space-3) var(--space-5);cursor:pointer;transition:background-color var(--transition-fast);display:flex;position:relative}.notification-item:hover{background-color:var(--bg-card-hover)}.notification-item.unread{background-color:var(--accent-blue-bg)}.notification-item-icon{border-radius:var(--radius-md);width:32px;height:32px;font-size:var(--font-size-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.notification-item-content{flex:1;min-width:0}.notification-item-title{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:2px;font-weight:500}.notification-item-message{font-size:var(--font-size-xs);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notification-item-time{font-size:var(--font-size-xs);color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}.notification-unread-dot{border-radius:var(--radius-full);background-color:var(--accent-blue);width:6px;height:6px;left:var(--space-2);position:absolute;top:50%;transform:translateY(-50%)}.notification-footer{padding:var(--space-3);border-top:1px solid var(--border-primary);text-align:center}.notification-footer a{font-size:var(--font-size-sm);color:var(--accent-blue);text-decoration:none}.notification-footer a:hover{color:var(--accent-purple)}.chat-widget{bottom:var(--space-6);right:var(--space-6);z-index:var(--z-chat);position:fixed}.chat-bubble{border-radius:var(--radius-full);background-color:var(--brand-yellow);cursor:pointer;width:52px;height:52px;box-shadow:var(--shadow-lg);transition:all var(--transition-base);color:var(--brand-navy);font-size:var(--font-size-xl);border:none;justify-content:center;align-items:center;display:flex}.chat-bubble:hover{box-shadow:var(--shadow-xl);transform:scale(1.08)}.chat-window{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);width:360px;height:480px;box-shadow:var(--shadow-xl);animation:chatSlideUp var(--transition-slow) ease-out;flex-direction:column;display:flex;position:absolute;bottom:0;right:0;overflow:hidden}.chat-widget-paneel{width:100%;height:100%;min-height:0;display:flex;position:static}.chat-widget-paneel .chat-window{border-radius:var(--radius-lg);width:100%;height:100%;animation:none;position:static}@keyframes chatSlideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-header{align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-primary);background-color:var(--bg-secondary);display:flex}.chat-header-icon{border-radius:var(--radius-md);background-color:var(--brand-yellow);width:32px;height:32px;color:var(--brand-navy);font-size:var(--font-size-base);justify-content:center;align-items:center;display:flex}.chat-header-info{flex:1}.chat-header-title{font-size:var(--font-size-base);color:var(--text-primary);align-items:center;gap:var(--space-2);font-weight:600;display:flex}.chat-beta-badge{font-size:var(--font-size-xs);color:var(--accent-blue);background-color:var(--accent-blue-bg);border-radius:var(--radius-sm);padding:1px 6px;font-weight:600}.chat-minimize{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-lg);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.chat-minimize:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.chat-messages{padding:var(--space-4);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-message{gap:var(--space-3);max-width:85%;display:flex}.chat-message.user{flex-direction:row-reverse;align-self:flex-end}.chat-message-avatar{border-radius:var(--radius-md);width:28px;height:28px;font-size:var(--font-size-xs);flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-message.assistant .chat-message-avatar{background-color:var(--brand-yellow);color:var(--brand-navy)}.chat-message-bubble{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:1.5}.chat-message.assistant .chat-message-bubble{background-color:var(--bg-secondary);color:var(--text-primary);border-bottom-left-radius:var(--radius-sm)}.chat-message.user .chat-message-bubble{background-color:var(--brand-yellow);color:var(--brand-navy);border-bottom-right-radius:var(--radius-sm)}.md{gap:var(--space-2);flex-direction:column;display:flex}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md-p{margin:0}.md-h{margin:0;font-weight:700}.md-h1{font-size:1.05em}.md-h2{font-size:1em}.md-h3,.md-h4,.md-h5,.md-h6{font-size:.95em}.md-ul,.md-ol{flex-direction:column;gap:2px;margin:0;padding-left:1.25em;display:flex}.md-ul li,.md-ol li{line-height:1.45}.md-code{font-family:var(--font-mono,ui-monospace, monospace);background-color:var(--bg-elevated);border-radius:var(--radius-sm);padding:.08em .36em;font-size:.86em}.md-pre{background-color:var(--bg-elevated);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--space-3);margin:0;overflow-x:auto}.md-pre code{font-family:var(--font-mono,ui-monospace, monospace);white-space:pre;font-size:.82em}.md-link{color:var(--accent-blue);text-decoration:underline}.md-quote{padding-left:var(--space-3);border-left:3px solid var(--border-primary);color:var(--text-secondary);margin:0}.chat-thinking{margin-bottom:var(--space-2);border:1px dashed var(--border-secondary);border-radius:var(--radius-md);background-color:var(--bg-secondary);overflow:hidden}.chat-thinking summary{cursor:pointer;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);color:var(--text-tertiary);align-items:center;gap:6px;font-weight:600;list-style:none;display:flex}.chat-thinking summary::-webkit-details-marker{display:none}.chat-thinking[open] summary{border-bottom:1px dashed var(--border-secondary)}.chat-thinking-body{padding:var(--space-3);font-size:var(--font-size-xs);color:var(--text-secondary);white-space:pre-wrap;max-height:260px;overflow-y:auto}.chat-think-toggle{cursor:pointer;color:var(--text-tertiary);border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;padding:4px;display:flex}.chat-think-toggle.active{color:var(--brand-yellow)}.chat-think-toggle:hover{background-color:var(--bg-elevated)}.chat-message-time{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.chat-message.user .chat-message-time{text-align:right}.chat-quick-actions{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.chat-quick-action-chip{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border-primary);background-color:var(--bg-card);color:var(--text-secondary);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family)}.chat-quick-action-chip:hover{border-color:var(--accent-blue);color:var(--accent-blue);background-color:var(--accent-blue-bg)}.chat-input-wrapper{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-primary)}.chat-input-container{align-items:center;gap:var(--space-2);background-color:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast);display:flex}.chat-input-container:focus-within{border-color:var(--accent-blue)}.chat-input{font-size:var(--font-size-sm);color:var(--text-primary);font-family:var(--font-family);background:0 0;border:none;outline:none;flex:1}.chat-input::placeholder{color:var(--text-tertiary)}.chat-send-btn{border-radius:var(--radius-md);background-color:var(--brand-yellow);width:32px;height:32px;color:var(--brand-navy);cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-send-btn:hover{transform:scale(1.05)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.chat-disclaimer{padding:0 var(--space-4) var(--space-2);font-size:var(--font-size-xs);color:var(--text-tertiary);text-align:center}.login-page{background-color:var(--bg-primary);min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.login-card{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--space-10);box-shadow:var(--shadow-xl)}.login-logo{align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);justify-content:center;display:flex}.login-title{font-size:var(--font-size-xl);text-align:center;margin-bottom:var(--space-2);font-weight:700}.login-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);text-align:center;margin-bottom:var(--space-8)}.form-group{margin-bottom:var(--space-5)}.form-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:500;display:block}.form-input,.input{background-color:var(--bg-input);border:1.5px solid var(--border-primary);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:var(--font-size-base);font-family:var(--font-family);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:11px 14px}.form-input:focus,.input:focus{border-color:var(--brand-yellow);box-shadow:0 0 0 3px #f8e8014d}.form-input::placeholder,.input::placeholder{color:var(--text-tertiary)}textarea.form-input,textarea.input{resize:vertical;min-height:140px;line-height:1.6}.btn-full{justify-content:center;width:100%}.login-divider{align-items:center;gap:var(--space-4);margin:var(--space-6) 0;display:flex}.login-divider-line{background-color:var(--border-primary);flex:1;height:1px}.login-divider-text{font-size:var(--font-size-sm);color:var(--text-tertiary)}.btn-google{background-color:var(--bg-elevated);border:1px solid var(--border-primary);color:var(--text-primary)}.btn-google:hover{background-color:var(--bg-card-hover);border-color:var(--border-hover)}.login-footer-link{text-align:center;margin-top:var(--space-5);font-size:var(--font-size-sm);color:var(--accent-blue);text-decoration:none;display:block}.login-footer-link:hover{color:var(--accent-purple)}.tromptech-logo--donker,html[data-theme=dark] .tromptech-logo--licht{display:none}html[data-theme=dark] .tromptech-logo--donker{display:inline}.theme-toggle{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-lg);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background-color:var(--bg-card-hover);color:var(--accent-yellow)}.theme-toggle-icon{transition:transform var(--transition-spring)}.theme-toggle:hover .theme-toggle-icon{transform:rotate(15deg)}.app-footer{padding:var(--space-4) 0;border-top:1px solid var(--border-primary);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.app-footer-text{font-size:var(--font-size-xs);color:var(--text-tertiary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}@media (max-width:1200px){.bottom-panels{grid-template-columns:1fr}}@media (max-width:768px){:root{--sidebar-width:0px}.sidebar{width:min(84vw,288px);transition:transform var(--transition-base);z-index:60;box-shadow:none;display:flex;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:0 0 48px #000a1459}.sidebar-overlay.open{opacity:1;pointer-events:auto}.menu-knop{display:inline-flex}html[data-menu-open],html[data-menu-open] body{overflow:hidden}.app-main-wrapper{margin-left:0}.header{padding:0 var(--space-4);gap:var(--space-2);left:0}.header-title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.header-actions{gap:var(--space-2);flex-shrink:0}.search-trigger{justify-content:center;gap:0;width:40px;min-width:0;height:40px;padding:0}.search-trigger-text,.search-trigger-shortcut,.header-user-info{display:none}.app-cards-grid{grid-template-columns:repeat(2,1fr)}}.header{padding-top:env(safe-area-inset-top);height:calc(var(--header-height) + env(safe-area-inset-top))}.app-content{padding-top:calc(var(--header-height) + env(safe-area-inset-top) + var(--space-8))}.chat-widget{bottom:calc(var(--space-6) + env(safe-area-inset-bottom));right:calc(var(--space-6) + env(safe-area-inset-right))}:is(.panel:has(>.data-table),.panel:has(>table)){overflow-x:auto!important}.user-dropdown{max-height:calc(100dvh - var(--header-height) - env(safe-area-inset-top) - var(--space-4));overflow-y:auto}.notification-dropdown{width:min(360px,100vw - 16px);max-height:min(480px, calc(100dvh - var(--header-height) - env(safe-area-inset-top) - 16px));flex-direction:column;display:flex}.notification-dropdown .notification-list{flex:auto;min-height:0;max-height:none}@media (max-width:768px){.app-content{padding:var(--space-4);padding-left:max(var(--space-4), env(safe-area-inset-left));padding-right:max(var(--space-4), env(safe-area-inset-right));padding-top:calc(var(--header-height) + env(safe-area-inset-top) + var(--space-4));padding-bottom:calc(80px + env(safe-area-inset-bottom))}.header{padding-left:max(var(--space-3), env(safe-area-inset-left));padding-right:max(var(--space-3), env(safe-area-inset-right))}.menu-knop{width:40px;height:40px;margin-right:0}.header-actions{gap:var(--space-1)}.header-icon-btn,.theme-toggle{width:40px;height:40px}.header-user{gap:0;padding:0}.header-user-chevron{display:none!important}.sidebar{padding-bottom:env(safe-area-inset-bottom)}html[data-menu-open] .chat-widget{display:none}.search-overlay{padding:calc(var(--header-height) + env(safe-area-inset-top) + var(--space-2)) var(--space-2) 0}.search-results{max-height:calc(100dvh - var(--header-height) - 180px)}.logboek-regel{row-gap:var(--space-1);flex-wrap:wrap}.logboek-regel>.logboek-zin{flex-basis:100%;order:1;padding-left:24px}.logboek-regel>span:last-child{order:2;margin-left:24px;text-align:left!important;width:auto!important}.api-kaart-regel{row-gap:var(--space-1);flex-wrap:wrap}.api-kaart-regel>.api-kaart-pad{flex-basis:100%;order:1;width:auto!important}.stats-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr))}}@media (max-width:1100px){.header-title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.header-actions{flex-shrink:0}.search-trigger{justify-content:center;gap:0;width:40px;min-width:0;height:40px;padding:0}.search-trigger-text,.search-trigger-shortcut,.header-user-info{display:none}}@media (max-width:900px){.smal-onder-elkaar{grid-template-columns:minmax(0,1fr)!important}}@media (max-width:480px){.chat-widget:not(.chat-widget-paneel) .chat-window{left:max(var(--space-2), env(safe-area-inset-left));right:max(var(--space-2), env(safe-area-inset-right));bottom:calc(var(--space-2) + env(safe-area-inset-bottom));width:auto;height:min(560px, calc(100dvh - var(--header-height) - env(safe-area-inset-top) - var(--space-6)));position:fixed}}@media (hover:none) and (pointer:coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]),select,textarea{font-size:16px!important}.btn{min-height:40px}.btn-sm{min-height:36px}.scherm-chip{min-height:34px}input[type=checkbox],input[type=radio]{width:20px;height:20px}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:4px}.gap-1\.5{gap:6px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.space-y-3>*+*{margin-top:12px}.space-y-4>*+*{margin-top:16px}.space-y-6>*+*{margin-top:24px}.space-x-2>*+*{margin-left:8px}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.col-span-2{grid-column:span 2/span 2}.w-full{width:100%}.h-full{height:100%}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-6xl{max-width:1200px}.max-w-7xl{max-width:1280px}.mx-auto{margin-left:auto;margin-right:auto}.py-10{padding-top:40px;padding-bottom:40px}.py-6{padding-top:24px;padding-bottom:24px}.px-6{padding-left:24px;padding-right:24px}.p-4{padding:16px}.p-6{padding:24px}.px-4{padding-left:16px;padding-right:16px}.py-3{padding-top:12px;padding-bottom:12px}.py-2{padding-top:8px;padding-bottom:8px}.px-3{padding-left:12px;padding-right:12px}.py-1\.5{padding-top:6px;padding-bottom:6px}.mb-3{margin-bottom:12px}.mt-1{margin-top:4px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.text-xs{font-size:11px}.text-sm{font-size:13px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:18px}.text-3xl{font-size:24px}.text-4xl{font-size:30px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:var(--font-family-mono), monospace}.text-center{text-align:center}.text-right{text-align:right}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bg-white{background-color:var(--bg-secondary)}.bg-gray-50{background-color:var(--bg-primary)}.border-gray-200,.border-gray-100{border-color:var(--border-primary)}.text-gray-900{color:var(--text-primary)}.text-gray-700,.text-gray-600{color:var(--text-secondary)}.text-gray-500,.text-gray-400,.text-slate-500{color:var(--text-tertiary)}.text-indigo-600{color:var(--accent-blue)}.bg-indigo-50{background-color:var(--accent-blue-bg)}.bg-indigo-600{background-color:var(--accent-blue)}.text-white{color:#fff}.text-emerald-700{color:var(--accent-green)}.bg-emerald-100{background-color:#10b9811f}.text-amber-700{color:var(--accent-orange)}.bg-amber-100{background-color:#f59e0b1f}.text-rose-700{color:var(--accent-red)}.bg-rose-100{background-color:#ef44441f}.border{border:1px solid var(--border-primary)}.border-2{border:2px solid var(--border-primary)}.border-dashed{border-style:dashed}.rounded-xl{border-radius:var(--radius-lg)}.rounded-2xl{border-radius:var(--radius-xl)}.rounded-lg{border-radius:var(--radius-md)}.shadow-sm{box-shadow:var(--shadow-sm)}.divide-y>*+*{border-top:1px solid var(--border-primary)}.whitespace-nowrap{white-space:nowrap}.tabular-nums{font-variant-numeric:tabular-nums}@keyframes spin{to{transform:rotate(360deg)}}.spin,.animate-spin{animation:.8s linear infinite spin}.hover\:bg-gray-50:hover,.hover\:bg-gray-50\/50:hover{background-color:var(--bg-card-hover)}.hover\:bg-indigo-50:hover{background-color:var(--accent-blue-bg)}.hover\:border-gray-300:hover{border-color:var(--text-tertiary)}.hover\:text-indigo-600:hover{color:var(--accent-blue)}.hover\:bg-indigo-700:hover{background-color:var(--accent-blue);opacity:.95}.hidden{display:none}.sticky{position:sticky}.top-0{top:0}.z-10{z-index:10}.overflow-hidden{overflow:hidden}.notification-count{border:2px solid var(--bg-header);border-radius:var(--radius-full);background-color:var(--accent-red);color:#fff;text-align:center;font-variant-numeric:tabular-nums;pointer-events:none;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;line-height:14px;position:absolute;top:0;right:0}button.notification-item{width:100%;font:inherit;color:inherit;text-align:left;border:none;border-bottom:1px solid var(--border-primary);background:0 0;align-items:flex-start}button.notification-item:last-of-type{border-bottom:none}button.notification-item:focus-visible{outline:2px solid var(--accent-blue);outline-offset:-2px}.notification-toasts{top:calc(var(--header-height) + var(--space-4));right:var(--space-6);width:340px;max-width:calc(100vw - var(--space-8));gap:var(--space-2);z-index:var(--z-toast);pointer-events:none;flex-direction:column;display:flex;position:fixed}.notification-toast{background-color:var(--bg-card);border:1px solid var(--border-primary);border-left:3px solid var(--brand-yellow);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);pointer-events:auto;animation:toastSlideIn var(--transition-base) ease-out;align-items:stretch;display:flex;overflow:hidden}.notification-toast-body{align-items:flex-start;gap:var(--space-3);min-width:0;padding:var(--space-3) var(--space-2) var(--space-3) var(--space-4);font:inherit;color:inherit;text-align:left;cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;flex:1;display:flex}.notification-toast-body:hover{background-color:var(--bg-card-hover)}.notification-toast-icon{flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.notification-toast-text{flex:1;min-width:0}.notification-toast-title{font-size:var(--font-size-base);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-weight:600;display:block;overflow:hidden}.notification-toast-message{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.notification-toast-close{width:28px;height:28px;margin:var(--space-2) var(--space-2) 0 0;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;display:flex}.notification-toast-close:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.notification-toast-rest{padding:var(--space-2) var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-md);background-color:var(--bg-card);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center;pointer-events:auto;text-decoration:none;display:block}.notification-toast-rest:hover{color:var(--text-primary);border-color:var(--text-tertiary)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.notification-toast{animation:none}}.projecten-kop{gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;display:flex}.veldraster{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.tabs{gap:var(--space-1);border-bottom:1px solid var(--border-primary);margin-bottom:var(--space-5);display:flex;overflow:auto hidden}.tab{padding:var(--space-3) var(--space-4);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;font-weight:600}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--text-primary);border-bottom-color:var(--hs-accent,var(--accent-blue))}.fase-stepper{gap:var(--space-2);flex-wrap:wrap;display:flex}.fase-stap{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);border:1px solid var(--border-primary);background:var(--bg-card);color:var(--text-secondary);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);padding:6px 12px;font-weight:600;display:inline-flex}.fase-stap:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-primary)}.fase-stap:disabled{cursor:default}.fase-stap.gedaan{color:var(--text-primary)}.fase-stap.actief{background:var(--hs-primair,var(--accent-blue));border-color:var(--hs-primair,var(--accent-blue));color:#fff}.fase-stap .fase-nr{background:var(--bg-secondary);width:18px;height:18px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:10px;display:inline-flex}.fase-stap.gedaan .fase-nr{background:var(--accent-green-bg);color:var(--accent-green)}.fase-stap.actief .fase-nr{background:var(--hs-accent,#fff);color:var(--hs-primair,var(--accent-blue))}.hs-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);letter-spacing:.02em;white-space:nowrap;align-items:center;padding:2px 10px;font-weight:700;display:inline-flex}@media (max-width:900px){.projecten-kop{flex-direction:column}}.spinner{border:2px solid var(--border-primary);border-top-color:var(--hs-accent,var(--accent-blue));vertical-align:middle;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}.doc-editor{gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;display:grid}.doc-editor textarea{resize:vertical;width:100%;min-height:62vh;padding:var(--space-3);border:1px solid var(--border-color,var(--border));border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.55}.doc-preview{min-height:62vh;padding:var(--space-5);border:1px solid var(--border-color,var(--border));border-radius:var(--radius-md);background:var(--bg-card,var(--bg-primary));color:var(--text-primary);overflow-wrap:anywhere;font-size:14px;line-height:1.6}.doc-preview h1,.doc-preview h2,.doc-preview h3{color:var(--hs-primair,var(--text-primary));line-height:1.25}.doc-preview h1{margin:0 0 12px;font-size:22px}.doc-preview h2{border-bottom:2px solid var(--hs-accent,var(--accent-blue));margin:22px 0 8px;padding-bottom:4px;font-size:17px}.doc-preview h3{margin:16px 0 6px;font-size:15px}.doc-preview p{margin:0 0 10px}.doc-preview ul,.doc-preview ol{margin:0 0 10px;padding-left:22px}.doc-preview li{margin:2px 0}.doc-preview blockquote{border-left:3px solid var(--hs-accent,var(--accent-blue));background:var(--bg-secondary);margin:10px 0;padding:8px 12px}.doc-preview table{border-collapse:collapse;width:100%;margin:8px 0 12px;font-size:13px}.doc-preview th{background:var(--hs-primair,var(--bg-secondary));color:#fff;text-align:left;padding:6px 8px}.doc-preview td{border-bottom:1px solid var(--border-color,var(--border));vertical-align:top;padding:6px 8px}.doc-preview hr{border:0;border-top:1px solid var(--border-color,var(--border));margin:14px 0}@media (max-width:1100px){.doc-editor{grid-template-columns:1fr}.doc-editor textarea,.doc-preview{min-height:40vh}}.vandaag-kop{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.vandaag-kop-rechts{align-items:center;gap:var(--space-2);flex-wrap:wrap;flex-shrink:0;display:flex}.vandaag-profielkiezer{font-size:var(--font-size-sm)}.vandaag-ververs{align-items:center;gap:var(--space-2);flex-shrink:0;display:inline-flex}.vandaag-draai{animation:1s linear infinite vandaag-draai}@keyframes vandaag-draai{to{transform:rotate(360deg)}}.vandaag-raster{gap:var(--space-5);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(340px,1fr));display:grid}.vandaag-vak{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.vandaag-vak .panel-header{margin-bottom:0}.vandaag-titel{align-items:center;gap:var(--space-2);display:flex}.vandaag-fout{color:var(--accent-red);margin-bottom:var(--space-5)}.vandaag-storing{gap:var(--space-2);font-size:var(--font-size-xs);color:var(--accent-orange);align-items:flex-start;display:flex}.vandaag-leeg{color:var(--text-tertiary);font-size:var(--font-size-sm);padding:var(--space-2) 0}.vandaag-samenvatting{font-size:var(--font-size-sm);color:var(--text-secondary)}.vandaag-rood{color:var(--accent-red)}.vandaag-oranje{color:var(--accent-orange)}.vandaag-groepen{gap:var(--space-3);flex-direction:column;display:flex}.vandaag-groep{gap:var(--space-1);flex-direction:column;display:flex}.vandaag-groep-kop{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-primary);text-decoration:none;display:flex}.vandaag-groep-kop:hover{background:var(--bg-card-hover)}.vandaag-telling{text-align:center;border-radius:var(--radius-full);background:var(--accent-yellow-bg);min-width:28px;color:var(--accent-yellow);padding:2px 8px;font-weight:700}.vandaag-groep-label{font-weight:600;font-size:var(--font-size-sm);flex:1}.vandaag-groep-oud{font-size:var(--font-size-xs);color:var(--text-tertiary)}.vandaag-subkop{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-top:var(--space-2)}.vandaag-regels{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.vandaag-regel{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;display:flex}a.vandaag-regel:hover{background:var(--bg-card-hover)}.vandaag-regel-tekst{flex-direction:column;min-width:0;display:flex}.vandaag-regel-titel{font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vandaag-regel-detail{font-size:var(--font-size-xs);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vandaag-regel-staart{justify-content:flex-end;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--text-tertiary);flex-wrap:wrap;flex-shrink:0;display:flex}.vandaag-label{border-radius:var(--radius-full);background:var(--bg-elevated);color:var(--text-secondary);white-space:nowrap;padding:2px 8px}.vandaag-label.rood{background:var(--accent-red-bg);color:var(--accent-red)}.vandaag-label.oranje{background:var(--accent-orange-bg);color:var(--accent-orange)}.vandaag-tellers{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.vandaag-teller{padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-primary);flex-direction:column;gap:2px;min-width:0;text-decoration:none;display:flex}a.vandaag-teller:hover{background:var(--bg-card-hover)}.vandaag-teller-getal{font-size:var(--font-size-xl);font-weight:700}.vandaag-teller-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.vandaag-teller-sub{font-size:var(--font-size-xs);color:var(--text-tertiary)}.vandaag-modules{margin-bottom:var(--space-8)}.vandaag-modules>summary{cursor:pointer;color:var(--text-secondary);padding:var(--space-2) 0;margin-bottom:var(--space-4);font-weight:600}.vandaag-meer-inhoud{gap:var(--space-5);flex-direction:column;display:flex}.vandaag-dash{gap:var(--space-5);grid-template-columns:1fr 340px;align-items:start;display:grid}.vandaag-hoofd{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.vandaag-sleepy{top:var(--space-4);height:calc(100vh - var(--header-height) - var(--space-8) * 2);min-height:420px;position:sticky}.vandaag-cijferrij{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.vandaag-cijfer{gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-primary);color:var(--text-primary);flex-direction:column;text-decoration:none;display:flex}a.vandaag-cijfer:hover{background:var(--bg-card-hover)}.vandaag-cijfer-fout{border-color:var(--accent-red)}.vandaag-cijfer-let{border-color:var(--accent-orange)}.vandaag-cijfer-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.vandaag-cijfer-rij{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.vandaag-cijfer-waarde{font-size:var(--font-size-2xl,1.5rem);font-weight:700}.vandaag-cijfer-sub{font-size:var(--font-size-xs);color:var(--text-tertiary)}.vandaag-sparkline{color:var(--brand-yellow,#f8e801);flex-shrink:0}.vandaag-flow-rij{align-items:stretch;gap:var(--space-2);padding-bottom:var(--space-1);display:flex;overflow-x:auto}.vandaag-flow-stap{min-width:128px;padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-primary);flex-direction:column;flex-shrink:0;gap:2px;text-decoration:none;display:flex}a.vandaag-flow-stap:hover{background:var(--bg-card-hover)}.vandaag-flow-stip{background:var(--accent-green,#2ecc71);border-radius:50%;width:8px;height:8px}.vandaag-flow-stip.rood{background:var(--accent-red)}.vandaag-flow-getal{font-size:var(--font-size-lg);font-weight:700}.vandaag-flow-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.vandaag-flow-sub{font-size:var(--font-size-xs);color:var(--text-tertiary)}.vandaag-flow-pijl{color:var(--text-tertiary);flex-shrink:0;align-self:center}.vandaag-takenlijst{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.vandaag-taak{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border-left:3px solid #0000;display:flex}.vandaag-taak:hover{background:var(--bg-card-hover)}.vandaag-taak-storing{border-left-color:var(--accent-red)}.vandaag-taak-toegang{border-left-color:var(--accent-orange)}.vandaag-taak-wacht{border-left-color:var(--brand-yellow,#f8e801)}.vandaag-taak-nieuw{border-left-color:var(--accent-blue,#3b82f6)}.vandaag-taak-deadline{border-left-color:var(--accent-orange)}.vandaag-taak-data{border-left-color:var(--accent-purple,#a855f7)}.vandaag-taak-opruimen{border-left-color:var(--border-primary);opacity:.85}.vandaag-taak-tekst{flex-direction:column;gap:2px;min-width:0;display:flex}.vandaag-taak-titel{font-size:var(--font-size-sm)}.vandaag-taak-bron{font-size:var(--font-size-xs);color:var(--text-tertiary)}.vandaag-taak-staart{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.vandaag-taak-knop{white-space:nowrap}.vandaag-toon-alle{margin-top:var(--space-2);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;text-decoration:underline}.vandaag-raster-2,.vandaag-raster-3{gap:var(--space-5);display:grid}.vandaag-raster-2{grid-template-columns:1.3fr 1fr}.vandaag-raster-3{grid-template-columns:repeat(3,1fr)}.vandaag-live{font-size:var(--font-size-xs);color:var(--text-tertiary);align-items:center;gap:6px;display:inline-flex}.vandaag-live-stip{background:var(--accent-green,#2ecc71);border-radius:50%;width:6px;height:6px}.vandaag-activiteiten,.vandaag-agents,.vandaag-systeem{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.vandaag-activiteit{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-1) 0;display:flex}.vandaag-activiteit-tekst{font-size:var(--font-size-sm)}.vandaag-activiteit-tijd{font-size:var(--font-size-xs);color:var(--text-tertiary);flex-shrink:0}.vandaag-agent{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;flex-wrap:wrap;display:flex}.vandaag-agent-naam{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600;text-decoration:none}.vandaag-agent-naam:hover{text-decoration:underline}.vandaag-agent-omschrijving{font-size:var(--font-size-xs);color:var(--text-tertiary);flex:1;min-width:120px}.vandaag-agent-staart{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--text-tertiary);display:flex}.vandaag-label.groen{background:var(--accent-green-bg,#2ecc7126);color:var(--accent-green,#2ecc71)}.vandaag-systeem-regel{font-size:var(--font-size-sm);justify-content:space-between;align-items:center;display:flex}.vandaag-performance svg{display:block}.vandaag-performance-labels{font-size:var(--font-size-xs);color:var(--text-tertiary);justify-content:space-between;margin-top:2px;display:flex}.vandaag-snelle-acties{gap:var(--space-2);flex-direction:column;display:flex}@media (max-width:1100px){.vandaag-dash{grid-template-columns:1fr}.vandaag-sleepy{height:480px;position:static}.vandaag-raster-2,.vandaag-raster-3{grid-template-columns:1fr}}@media (max-width:720px){.vandaag-raster{grid-template-columns:1fr}.vandaag-regel{flex-direction:column;align-items:flex-start}.vandaag-regel-staart{justify-content:flex-start}.vandaag-regel-titel,.vandaag-regel-detail{white-space:normal}.vandaag-taak{flex-direction:column;align-items:flex-start}.vandaag-taak-staart{justify-content:space-between;align-self:stretch}}@media (prefers-reduced-motion:reduce){.vandaag-draai{animation:none}}.vandaag-main{padding:var(--space-4) var(--space-5);padding-top:calc(var(--header-height) + var(--space-4))}.vandaag-kop{align-items:center}.vandaag-kop-tekst{min-width:0}.vandaag-groet{margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.vandaag-datum{font-size:var(--font-size-sm);color:var(--text-secondary);margin:2px 0 0}.vandaag-snelle-acties{gap:var(--space-2);flex-flow:wrap;display:flex}.vandaag-snel{font-size:var(--font-size-sm);white-space:nowrap;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.vandaag-ververs{padding:6px 10px}.vandaag-profielkiezer{width:auto;padding:6px 8px}.vandaag-cijfer{padding:var(--space-3) var(--space-4);gap:2px}.vandaag-cijfer-waarde{font-size:1.6rem;line-height:1.1}.vandaag-flows .panel-header,.vandaag-taken-paneel .panel-header,.vandaag-agents-paneel .panel-header,.vandaag-activiteiten-paneel .panel-header,.vandaag-systeem-paneel .panel-header{margin-bottom:var(--space-2)}.vandaag-flow-stap{min-width:0;padding:var(--space-2) var(--space-3);flex:1;gap:0}.vandaag-flow-boven{align-items:center;gap:var(--space-2);display:flex}.vandaag-flow-label,.vandaag-flow-sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vandaag-flow-rij{padding-bottom:0;overflow:visible}.vandaag-taak{padding:6px var(--space-3)}.vandaag-taak-titel{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vandaag-taak-knop{font-size:var(--font-size-xs);padding:4px 10px}.vandaag-agent{border-bottom:1px solid var(--border-primary);flex-wrap:nowrap;justify-content:space-between;padding:5px 0}.vandaag-agent:last-child{border-bottom:0}.vandaag-agent-naam{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.vandaag-agent-staart{flex-shrink:0}.vandaag-activiteit{border-bottom:1px solid var(--border-primary);padding:5px 0}.vandaag-activiteit:last-child{border-bottom:0}.vandaag-activiteit-tekst{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.vandaag-systeem-regel{padding:3px 0}.vandaag-paneel-inhoud{min-height:0;overflow-y:auto}@media (min-width:1100px) and (min-height:680px){.vandaag-dash{gap:var(--space-3);height:calc(100vh - var(--header-height) - var(--space-4) * 2);grid-template-rows:auto auto auto minmax(0,1fr) minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr)) 320px;grid-template-areas:"kop kop kop sleepy""cijfer cijfer cijfer sleepy""flows flows flows sleepy""taken taken agents sleepy""taken taken activ systeem";align-items:stretch}.vandaag-kop{grid-area:kop}.vandaag-cijferrij{grid-area:cijfer;grid-template-columns:repeat(4,minmax(0,1fr))}.vandaag-flows{grid-area:flows}.vandaag-taken-paneel{grid-area:taken}.vandaag-agents-paneel{grid-area:agents}.vandaag-activiteiten-paneel{grid-area:activ}.vandaag-systeem-paneel{grid-area:systeem}.vandaag-sleepy{grid-area:sleepy;height:auto;min-height:0;position:static}.vandaag-taken-paneel,.vandaag-agents-paneel,.vandaag-activiteiten-paneel,.vandaag-systeem-paneel{min-height:0;padding:var(--space-3) var(--space-4);flex-direction:column;margin:0;display:flex;overflow:hidden}.vandaag-flows{padding:var(--space-3) var(--space-4);margin:0}.vandaag-paneel-inhoud{flex:1}}.vandaag-kop-tekst{flex:auto}.vandaag-groet,.vandaag-datum{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vandaag-kop-rechts{flex-wrap:nowrap}.vandaag-snelle-acties{flex-wrap:nowrap;gap:6px}.vandaag-snel{font-size:var(--font-size-xs);padding:5px 8px}@media (max-width:1700px){.vandaag-snel-label{display:none}}.vd .vandaag-kop{grid-area:kop}.vd-slogan{margin-left:var(--space-3);color:var(--text-tertiary);font-style:italic}.vd-slogan:before{content:"";background:var(--text-tertiary);vertical-align:middle;opacity:.6;width:14px;height:1px;margin-right:6px;display:inline-block}.vd-bovenrij{gap:var(--space-3);grid-area:boven;grid-template-columns:1.35fr repeat(4,minmax(0,1fr));min-height:0;display:grid}.vd-wacht{gap:var(--space-2);min-width:0;min-height:0;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--accent-yellow-bg);border:1px solid color-mix(in srgb, var(--brand-yellow) 45%, transparent);flex-direction:column;display:flex;overflow:hidden}.vd-wacht-kop{align-items:center;gap:var(--space-3);display:flex}.vd-wacht-bel{background:var(--brand-yellow);width:36px;height:36px;color:var(--brand-navy);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.vd-wacht-tekst{flex-direction:column;min-width:0;line-height:1.25;display:flex}.vd-wacht-tekst strong{font-size:var(--font-size-md)}.vd-wacht-tekst span{font-size:var(--font-size-xs);color:var(--text-secondary)}.vd-wacht-lijst{flex-direction:column;flex:1;gap:4px;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.vd-wacht-regel{align-items:center;gap:var(--space-2);padding:5px var(--space-2);border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-primary);color:var(--text-primary);font-size:var(--font-size-sm);text-decoration:none;display:flex}.vd-wacht-regel:hover{background:var(--bg-card-hover)}.vd-wacht-icoon{color:var(--text-secondary);flex-shrink:0;display:flex}.vd-taak-storing .vd-wacht-icoon{color:var(--accent-red)}.vd-taak-toegang .vd-wacht-icoon,.vd-taak-deadline .vd-wacht-icoon{color:var(--accent-orange)}.vd-wacht-regeltekst{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.vd-chevron{color:var(--text-tertiary);flex-shrink:0}.vd-stat{min-width:0;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-primary);color:var(--text-primary);flex-direction:column;gap:2px;text-decoration:none;display:flex}.vd-stat:hover{background:var(--bg-card-hover)}.vd-stat-fout{border-color:var(--accent-red)}.vd-stat-let{border-color:var(--accent-orange)}.vd-stat-icoon{border-radius:var(--radius-sm);background:var(--accent-blue-bg);width:34px;height:34px;color:var(--accent-blue);justify-content:center;align-items:center;margin-bottom:4px;display:flex}.vd-stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vd-stat-rij{justify-content:space-between;align-items:flex-end;gap:var(--space-2);display:flex}.vd-stat-waarde{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:1.6rem;font-weight:700;line-height:1.1;overflow:hidden}.vd-stat-trend{font-size:var(--font-size-xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:3px;display:inline-flex;overflow:hidden}.vd-op{color:var(--accent-green)}.vd-neer{color:var(--accent-orange)}.vd-stat-fout .vd-stat-trend{color:var(--accent-red)}.vd-staafjes{flex-shrink:0}.vd-staaf{fill:var(--accent-blue);opacity:.35}.vd-staaf-nu{fill:var(--accent-blue)}.vd-paneel{gap:var(--space-2);min-width:0;min-height:0;padding:var(--space-3) var(--space-3) var(--space-2);border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-primary);flex-direction:column;display:flex;overflow:hidden}.vd-kop{align-items:center;gap:var(--space-2);min-width:0;display:flex}.vd-titel{align-items:center;gap:var(--space-2);font-size:var(--font-size-base);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-weight:700;display:flex;overflow:hidden}.vd-titel-icoon{color:var(--accent-blue);display:flex}.vd-kop-link{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;flex-shrink:0;align-items:center;gap:3px;text-decoration:none;display:inline-flex}.vd-kop-link:hover{color:var(--text-primary)}.vd-kop-sub{font-size:var(--font-size-xs);color:var(--text-tertiary);white-space:nowrap}.vd-inhoud{flex:1;min-height:0;overflow:hidden auto}.vd-leeg{color:var(--text-tertiary);font-size:var(--font-size-sm);padding:var(--space-2) 0;margin:0}.vd-lijst{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.vd-lijst>li+li{border-top:1px solid var(--border-primary)}.vd-regel{align-items:center;gap:var(--space-2);min-width:0;color:var(--text-primary);padding:6px 2px;text-decoration:none;display:flex}a.vd-regel:hover{background:var(--bg-card-hover);border-radius:var(--radius-sm)}.vd-regel-icoon{border-radius:var(--radius-sm);background:var(--bg-elevated);width:28px;height:28px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.vd-logo{object-fit:contain;border-radius:4px;width:18px;height:18px}.vd-gmail{color:#ea4335}.vd-regel-tekst{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.vd-regel-titel{font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.vd-regel-soort{color:var(--text-secondary);font-weight:500}.vd-regel-sub{font-size:var(--font-size-xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vd-regel-staart{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;line-height:1.3;display:flex}.vd-regel-bedrag{font-size:var(--font-size-sm);font-weight:600}.vd-regel-tijd{font-size:var(--font-size-xs);color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}.vd-tijd-vast{text-align:right;min-width:44px}.vd-aantal{font-weight:700;font-size:var(--font-size-base);text-align:right;flex-shrink:0;min-width:22px}.vd-label{border-radius:var(--radius-full);white-space:nowrap;background:var(--bg-elevated);color:var(--text-secondary);flex-shrink:0;align-items:center;gap:4px;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.vd-label-groen{background:var(--accent-green-bg);color:var(--accent-green)}.vd-label-rood{background:var(--accent-red-bg);color:var(--accent-red)}.vd-label-oranje{background:var(--accent-orange-bg);color:var(--accent-orange)}.vd-label-geel{background:var(--accent-yellow-bg);color:color-mix(in srgb, var(--accent-yellow) 55%, var(--text-primary))}.vd-label-blauw{background:var(--accent-blue-bg);color:var(--accent-blue)}.vd-stip{background:currentColor;border-radius:50%;width:6px;height:6px}.vd-voortgang{flex-shrink:0;align-items:center;gap:6px;display:flex}.vd-balk{background:var(--bg-elevated);border-radius:3px;width:48px;height:5px;overflow:hidden}.vd-balk span{background:var(--accent-blue);border-radius:3px;height:100%;display:block}.vd-pct{font-size:var(--font-size-xs);color:var(--text-secondary);text-align:right;min-width:28px}.vd-pulse-inhoud{gap:var(--space-2);flex-direction:column;flex:1;min-height:0;display:flex}.vd-pulse-tellers{gap:var(--space-2);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.vd-pulse-teller{min-width:0;padding:6px var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-primary);color:var(--text-primary);flex-direction:column;text-decoration:none;display:flex}.vd-pulse-teller:hover{background:var(--bg-card-hover)}.vd-pulse-label{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vd-pulse-waarde{font-size:var(--font-size-lg);font-weight:700;line-height:1.2}.vd-pulse-grafiekvak{flex-direction:column;flex:1;min-height:50px;display:flex}.vd-pulse-grafiek{flex:1;width:100%;min-height:40px;display:block}.vd-pulse-lijn{stroke:var(--accent-blue);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.vd-pulse-vlak{fill:var(--accent-blue-bg)}.vd-pulse-assen{color:var(--text-tertiary);justify-content:space-between;margin-top:2px;font-size:10px;display:flex}.vd-pulse-bericht{align-items:flex-start;gap:var(--space-2);padding:6px var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);line-height:1.35;display:flex}.vd-pulse-goed{background:var(--accent-blue-bg)}.vd-pulse-goed svg{color:var(--accent-yellow);flex-shrink:0}.vd-pulse-let{background:var(--accent-orange-bg)}.vd-pulse-let svg{color:var(--accent-orange);flex-shrink:0}.vd-act-lead{color:var(--accent-blue)}.vd-act-offerte,.vd-act-goedkeuring{color:var(--accent-orange)}.vd-act-project{color:var(--accent-sky)}.vd-act-fout{color:var(--accent-red);background:var(--accent-red-bg)}.vd-act-mail{color:#ea4335}.vd-act-product{color:var(--accent-purple)}.vd-rechts{gap:var(--space-3);flex-direction:column;grid-area:rechts;min-width:0;min-height:0;display:flex}.vd .vandaag-sleepy{flex:58%;height:auto;min-height:0;position:static}.vd-activiteit{flex:30%}.vd-merk{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:#eaf2f8;background:linear-gradient(135deg,#002134 0%,#0b3550 100%);flex-direction:column;flex:none;gap:2px;display:flex;position:relative;overflow:hidden}.vd-merk-zin{letter-spacing:-.01em;margin:6px 0 0;font-size:1.15rem;font-weight:800;line-height:1.15}.vd-merk-naam{font-size:var(--font-size-xs);color:#9fbacd;align-items:center;gap:6px;margin:0;display:flex}.vd-merk-naam:before{content:"";background:var(--brand-yellow);width:18px;height:2px;display:inline-block}html[data-bedrijf=nohma-living] .vd-merk,html[data-bedrijf=nohma-projects] .vd-merk{background:var(--bedrijf-primary);color:var(--nohma-creme)}html[data-bedrijf=nohma-living] .vd-merk-naam,html[data-bedrijf=nohma-projects] .vd-merk-naam{color:var(--nohma-taupe)}html[data-bedrijf=nohma-living] .vd-merk-naam:before,html[data-bedrijf=nohma-projects] .vd-merk-naam:before{background:var(--nohma-goud)}html[data-bedrijf=webshop] .vd-merk-naam:before{background:#9ad4f5}html[data-bedrijf=alle] .vd-merk-naam:before{background:var(--bedrijf-band)}.chat-header-sub{font-size:var(--font-size-xs);color:var(--text-tertiary)}.chat-header-icon-sleepy{background:var(--brand-navy);width:40px;height:40px;color:var(--brand-yellow);border-radius:50%}.chat-widget-paneel .chat-header{padding:var(--space-3)}.chat-widget-paneel .chat-messages{padding:var(--space-3);gap:var(--space-3)}.chat-suggesties{padding:var(--space-2) var(--space-3) 0;grid-template-columns:1fr 1fr;gap:6px;display:grid}.chat-suggestie{border-radius:var(--radius-sm);border:1px solid var(--border-primary);background:var(--bg-card);color:var(--text-secondary);font-size:var(--font-size-xs);font-family:var(--font-family);cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;padding:6px 8px;overflow:hidden}.chat-suggestie:hover:not(:disabled){background:var(--bg-card-hover);color:var(--text-primary)}.chat-suggestie:disabled{opacity:.5;cursor:not-allowed}.sidebar-teller{border-radius:var(--radius-full);text-align:center;background:var(--bg-elevated);min-width:20px;color:var(--text-primary);margin-left:auto;padding:1px 7px;font-size:11px;font-weight:700}.sidebar-logo.bedrijf-wissel{border-top:0;padding:0 8px;position:relative}.sidebar-logo.bedrijf-wissel:before,.header:before{content:"";background:var(--bedrijf-band);height:3px;position:absolute;top:0;left:0;right:0}.sidebar,.header-title,.app-content h1,.app-content h2,.app-content h3{font-family:var(--bedrijf-font)}.bedrijf-wissel-knop{border-radius:var(--radius-md);cursor:pointer;width:100%;min-width:0;height:44px;color:var(--bedrijf-logo);text-align:left;font-family:var(--bedrijf-font);transition:background-color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:0 8px;display:flex}.bedrijf-wissel-knop:hover,.bedrijf-wissel-knop[aria-expanded=true]{background:var(--bg-card-hover);border-color:var(--border-primary)}.bedrijf-wissel-knop:focus-visible{outline:2px solid var(--bedrijf-logo);outline-offset:1px}.bedrijf-wissel-pijl{opacity:.7;transition:transform var(--transition-fast);flex-shrink:0;margin-left:auto}.bedrijf-woordmerk{background-color:var(--bedrijf-logo)}.bedrijf-teken{color:var(--brand-yellow,#f8e801)}html[data-bedrijf=webshop] .bedrijf-teken{color:#9ad4f5}html[data-theme=light][data-bedrijf=webshop] .bedrijf-teken{color:#002134}.bedrijf-logo-naam{letter-spacing:-.01em;min-width:0;color:var(--bedrijf-logo);flex-direction:column;font-size:12.5px;font-weight:800;line-height:1.1;display:flex;overflow:hidden}.bedrijf-logo-naam small{letter-spacing:0;opacity:.75;white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;font-weight:500;overflow:hidden}.bedrijf-menu{z-index:300;background:var(--bg-elevated);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);width:272px;max-width:calc(100vw - 24px);box-shadow:var(--shadow-lg);font-family:var(--font-family);position:absolute;top:calc(100% + 4px);left:8px}.bedrijf-menu-kop{letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);padding:4px 8px 6px;font-size:10px;font-weight:700}.bedrijf-menu-regel{gap:10px;padding:7px 8px}.bedrijf-menu-regel.actief{background:var(--bg-card-hover);color:var(--text-primary)}.bedrijf-menu-naam{color:var(--text-primary);font-size:13px;font-weight:600;display:block}.bedrijf-menu-uitleg{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.bedrijf-menu-hub{border-top:1px solid var(--border-primary);border-radius:0 0 var(--radius-md) var(--radius-md);gap:8px;margin-top:4px;font-size:12px}.kop-bedrijf{margin-right:var(--space-2);display:none;position:relative}.kop-bedrijf .bedrijf-wissel-knop{gap:6px;width:auto;height:44px;padding:0 6px}.kop-bedrijf-naam{color:var(--text-primary);font-size:13px;font-weight:700}.sidebar .bedrijf-menu{width:auto;left:8px;right:8px}.kop-bedrijf .bedrijf-menu{left:0}@media (max-width:768px){.kop-bedrijf{flex-shrink:0;display:flex}}@media (max-width:480px){.kop-bedrijf{margin-right:0}.kop-bedrijf .kop-bedrijf-naam,.kop-bedrijf .bedrijf-wissel-pijl{display:none}.kop-bedrijf .bedrijf-wissel-knop{padding:0 2px}.header .header-title{display:none}}@media (min-width:1100px) and (min-height:680px){.vandaag-dash.vd{grid-template-rows:auto auto minmax(0,1.12fr) minmax(0,1fr);grid-template-columns:repeat(12,minmax(0,1fr)) 300px;grid-template-areas:"kop kop kop kop kop kop kop kop kop kop kop kop rechts""boven boven boven boven boven boven boven boven boven boven boven boven rechts""gk gk gk gk au au au au pu pu pu pu rechts""pr pr pr bi bi bi sy sy sy vz vz vz rechts"}.vd-goedkeuringen{grid-area:gk}.vd-automatiseringen{grid-area:au}.vd-pulse{grid-area:pu}.vd-projecten{grid-area:pr}.vd-binnen{grid-area:bi}.vd-systemen{grid-area:sy}.vd-profielvak{grid-area:vz}.vd-bovenrij{height:148px}}@media (min-width:1100px) and (min-height:680px) and (max-width:1500px){.vandaag-dash.vd{grid-template-columns:repeat(12,minmax(0,1fr)) 272px;gap:10px}.vd-bovenrij{grid-template-columns:1.25fr repeat(4,minmax(0,1fr));gap:10px}.vd-stat{padding:10px}.vd-stat-waarde{font-size:1.2rem}.vd-staafjes{width:40px}.vd-paneel{padding:10px 10px 6px}.vd-titel{font-size:13px}.vd-projecten .vd-kop-link-tekst,.vd-binnen .vd-kop-link-tekst,.vd-systemen .vd-kop-link-tekst,.vd-profielvak .vd-kop-link-tekst{display:none}.vd-stat-icoon{width:28px;height:28px}.vd-regel-icoon{width:24px;height:24px}.vd-tijd-vast{min-width:36px}}@media (max-width:1099px),(max-height:679px){.vandaag-dash.vd{gap:var(--space-3);flex-direction:column;height:auto;display:flex}.vd-bovenrij{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.vd-wacht{grid-column:1/-1}.vd .vandaag-kop,.vd .vandaag-kop-rechts{flex-wrap:wrap}.vd-paneel{max-height:420px}.vd-rechts .vandaag-sleepy{flex:none;height:520px}.vd-merk{display:none}}.chat-widget-paneel .chat-disclaimer{padding:2px 0 6px;font-size:10px;line-height:1.3}.chat-widget-paneel .chat-input-wrapper{padding:var(--space-2) var(--space-3) 0}:root{--border:var(--border-primary);--border-color:var(--border-primary);--border-strong:var(--border-secondary);--bg-hover:var(--bg-card-hover);--bg-subtle:var(--bg-secondary);--bg-tertiary:var(--bg-secondary);--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}.sidebar-sub{border-left:1.5px solid var(--border-secondary);flex-direction:column;gap:1px;margin:2px 0 6px 18px;padding-left:10px;display:flex}.sidebar-sub-item{border-radius:var(--radius-sm);min-width:0;color:var(--text-secondary);white-space:nowrap;align-items:center;gap:7px;padding:4px 8px;font-size:12.5px;text-decoration:none;display:flex;position:relative}.sidebar-sub-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.sidebar-sub-item.active{color:var(--text-primary);background:var(--accent-blue-bg);font-weight:600}.sidebar-sub-item.active:before{content:"";border-left:2.5px solid var(--accent-green);border-radius:2px;position:absolute;top:4px;bottom:4px;left:-11.5px}.sidebar-sub-item svg{opacity:.8;flex-shrink:0}.scherm-kop{gap:var(--space-3);margin-bottom:var(--space-5);flex-direction:column;display:flex}.scherm-kruimel{font-size:var(--font-size-sm);color:var(--text-tertiary);flex-wrap:wrap;align-items:center;gap:4px;display:flex}.scherm-kruimel a{color:var(--text-secondary);font-weight:600;text-decoration:none}.scherm-kruimel a:hover{color:var(--text-primary);text-decoration:underline}.scherm-kruimel-scheiding{opacity:.7}.scherm-titelrij{align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.scherm-titelrij>div:first-child{flex:320px;min-width:0}.app-content h2.scherm-titel{font-size:var(--font-size-xl);color:var(--text-primary);margin:0;font-weight:700;line-height:1.2}.scherm-uitleg{font-size:var(--font-size-base);color:var(--text-secondary);max-width:760px;margin-top:4px}.scherm-acties{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.scherm-tabs{border-bottom:1px solid var(--border-primary);scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.scherm-tabs::-webkit-scrollbar{display:none}.scherm-tab{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-secondary);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:10px 14px;font-weight:500;text-decoration:none;display:inline-flex}.scherm-tab:hover{color:var(--text-primary)}.scherm-tab.actief{color:var(--text-primary);border-bottom-color:var(--accent-green);font-weight:700}.scherm-pil{border-radius:var(--radius-full);background:var(--accent-orange-bg);color:var(--accent-orange);padding:0 7px;font-size:11px;font-weight:700}.koppel-indeling{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:20px;display:grid}.koppel-menu{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);flex-direction:column;gap:4px;max-height:calc(100vh - 32px);padding:12px;display:flex;position:sticky;top:16px;overflow-y:auto}.koppel-live{border:1px solid var(--accent-green);border-radius:var(--radius-md);background:var(--accent-green-bg);width:100%;color:var(--accent-green);font-family:var(--font-family);cursor:pointer;text-align:left;align-items:center;gap:7px;margin-bottom:4px;padding:8px 10px;font-size:12px;font-weight:700;display:flex}.koppel-live.aan{border-color:var(--accent-red);background:var(--accent-orange-bg);color:var(--accent-red)}.koppel-zoek{border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-tertiary);align-items:center;gap:6px;margin-bottom:6px;padding:6px 9px;display:flex}.koppel-zoek input{min-width:0;font-family:var(--font-family);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:13px}.koppel-groep{flex-direction:column;gap:2px;margin-bottom:6px;display:flex}.koppel-groep-kop{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);padding:6px 10px 4px;font-size:10px;font-weight:700}.koppel-item{border-radius:var(--radius-md);width:100%;font-family:var(--font-family);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:7px 10px;display:flex}.koppel-item:hover{background:var(--bg-primary);color:var(--text-primary)}.koppel-item.actief{background:var(--bg-primary);border-color:var(--border-primary);color:var(--text-primary)}.koppel-item.actief .koppel-item-naam{font-weight:700}.koppel-stip{border-radius:50%;flex-shrink:0;width:9px;height:9px}.koppel-item-tekst{flex-direction:column;flex:1;min-width:0;display:flex}.koppel-item-naam{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.koppel-item-kort{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.koppel-test{letter-spacing:.04em;background:var(--accent-orange);color:#fff;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:700}.koppel-gewijzigd{background:var(--accent-orange);border-radius:50%;flex-shrink:0;width:7px;height:7px}.koppel-leeg{color:var(--text-tertiary);padding:8px 10px;font-size:12px}.koppel-detail{min-width:0}.koppel-recht-regel{border-top:1px solid var(--border-primary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;display:flex}.koppel-recht-naam{cursor:pointer;font-family:var(--font-family);color:var(--text-primary);background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.koppel-recht-naam:hover{color:var(--accent-blue)}.koppel-regels{grid-template-columns:minmax(120px,max-content) minmax(0,1fr);gap:6px 16px;margin:0;font-size:12px;display:grid}.koppel-regels dt{color:var(--text-tertiary)}.koppel-regels dd{color:var(--text-primary);word-break:break-word;margin:0}.koppel-opslaan{z-index:2;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;font-size:12px;display:flex;position:sticky;bottom:0}@media (max-width:860px){.koppel-indeling{grid-template-columns:1fr}.koppel-menu{max-height:320px;position:static}.koppel-regels{grid-template-columns:1fr;gap:2px}.koppel-regels dd{margin-bottom:6px}}.scherm-kpis{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.scherm-kpi{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);display:flex}.scherm-kpi-tegel{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.scherm-kpi-getal{font-size:var(--font-size-xl);color:var(--text-primary);font-weight:800;line-height:1.1}.scherm-kpi-label{font-size:var(--font-size-sm);color:var(--text-tertiary)}.scherm-kaart{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);min-width:0}.scherm-kaart+.scherm-kaart{margin-top:var(--space-4)}.scherm-kpis>.scherm-kaart,.scherm-twee>.scherm-kaart{margin-top:0}.scherm-kaart-kop{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-primary);flex-wrap:wrap;display:flex}.app-content h3.scherm-kaart-titel{font-size:var(--font-size-base);color:var(--text-primary);margin:0;font-weight:700}.scherm-kaart-sub{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-left:auto}.scherm-kaart-body{padding:var(--space-4)}.scherm-rij{align-items:center;gap:var(--space-3);padding:10px var(--space-4);border-bottom:1px solid var(--border-primary);color:inherit;min-width:0;text-decoration:none;display:flex}.scherm-rij:last-child{border-bottom:none}a.scherm-rij:hover,button.scherm-rij:hover{background:var(--bg-card-hover)}button.scherm-rij{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border-top:none;border-left:none;border-right:none}.scherm-rij.actief{background:var(--accent-blue-bg);box-shadow:inset 3px 0 0 var(--accent-green)}.scherm-rij-hoofd{flex:1;min-width:0}.scherm-rij-naam{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.scherm-rij-sub{font-size:var(--font-size-sm);color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scherm-rij-rechts{align-items:center;gap:var(--space-2);flex-shrink:0;margin-left:auto;display:flex}.scherm-label{border-radius:var(--radius-full);white-space:nowrap;background:var(--bg-secondary);color:var(--text-secondary);align-items:center;gap:4px;padding:1px 8px;font-size:11px;font-weight:700;display:inline-flex}.scherm-label-groen{background:var(--accent-green-bg);color:var(--accent-green)}.scherm-label-oranje{background:var(--accent-orange-bg);color:var(--accent-orange)}.scherm-label-rood{background:var(--accent-red-bg);color:var(--accent-red)}.scherm-label-blauw{background:var(--accent-blue-bg);color:var(--accent-blue)}.scherm-chips{flex-wrap:wrap;gap:6px;display:flex}.scherm-chip{font-family:var(--font-family);font-size:var(--font-size-sm);border-radius:var(--radius-full);border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;padding:4px 11px}.scherm-chip:hover{color:var(--text-primary);border-color:var(--border-hover)}.scherm-chip.actief{background:var(--nav-actief-bg);color:var(--nav-actief-tekst);border-color:var(--nav-actief-bg);font-weight:600}.scherm-leeg{padding:var(--space-8) var(--space-4);text-align:center;color:var(--text-tertiary);font-size:var(--font-size-base)}.scherm-leeg strong{color:var(--text-primary);margin-bottom:2px;display:block}.scherm-melding{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-size-base);background:var(--accent-blue-bg);color:var(--text-primary);margin-bottom:var(--space-4)}.scherm-melding-rood{background:var(--accent-red-bg);color:var(--accent-red)}.scherm-melding-oranje{background:var(--accent-orange-bg);color:var(--text-primary)}.scherm-twee{gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:start;display:grid}@media (max-width:1000px){.scherm-twee{grid-template-columns:1fr}}@media (max-width:767px){.scherm-kop{margin-bottom:var(--space-4)}.app-content h2.scherm-titel{font-size:var(--font-size-lg)}.scherm-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.alles-in-de-hub{margin-top:var(--space-8)}.alles-in-de-hub .hub-sectie-titel{margin:var(--space-2) 0 var(--space-3);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.alles-in-de-hub .app-cards-grid+.hub-sectie-titel{margin-top:var(--space-6)}.filter-bar-left{flex-wrap:wrap;min-width:0}.filter-bar-left>.form-input,.filter-bar-left>.input{width:auto;max-width:100%}@media (max-width:767px){.filter-bar-left>.form-input,.filter-bar-left>.input{width:100%}}