:root{--koby-night:#0e1a13;--koby-forest:#273e30;--koby-lime:#c6f36b;--koby-paper:#f6f8f3;--koby-line:#e1e7dc;--koby-muted:#5d685f;--font:"Hanken Grotesk",system-ui,sans-serif}body{font-family:Hanken Grotesk,system-ui,sans-serif;background:var(--koby-paper);color:#1c231e}.koby-brand strong,h1,h2,h3{font-family:Bricolage Grotesque,system-ui,sans-serif}.koby-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--koby-forest);padding:24px 20px 30px;flex-shrink:0}.koby-brand img{width:40px;height:40px}.koby-brand strong{font-size:33px;font-weight:800;line-height:1}.koby-brand strong span{display:block;font:500 8px Hanken Grotesk,sans-serif;letter-spacing:1.5px;margin-top:8px}.sidebar{overflow-y:auto;background:#fff}.sidebar .koby-brand{padding:12px 0 28px}.sidebar-bottom{margin-top:24px}.koby-bali-menu{margin:16px 0;border-top:1px solid var(--koby-line);padding-top:12px;flex-shrink:0}.koby-bali-menu summary{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;font-weight:700;padding:12px 16px;border-radius:12px;color:var(--koby-forest);list-style:none}.koby-bali-menu summary::-webkit-details-marker{display:none}.koby-chevron{margin-left:auto}.koby-bali-menu[open] summary{background:#e3f6c7}.koby-bali-menu nav{display:grid;grid-gap:3px;gap:3px;margin-top:6px}.koby-bali-menu nav a,.koby-platform-sidebar>nav a{display:block;padding:10px 16px;text-decoration:none;border-radius:10px;font-size:14px;color:#5d685f}.koby-bali-menu nav a:hover,.koby-platform-sidebar>nav a:hover{background:var(--koby-paper);color:var(--koby-forest)}.koby-bali-menu nav a[aria-current=page]{background:var(--koby-forest);color:white;font-weight:700}.koby-platform{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh;background:var(--koby-paper)}.koby-platform-sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:auto;background:white;border-right:1px solid var(--koby-line);padding:0 14px 20px}.koby-platform-sidebar .koby-brand{padding-left:12px}.koby-nav-label{display:block;font-size:10px;letter-spacing:1.8px;color:#7b817a;padding:12px 16px}.koby-platform-sidebar form{margin-top:24px}.koby-platform-sidebar form button{border:1px solid var(--koby-line);background:white;border-radius:12px;padding:10px 16px;width:100%;cursor:pointer;font:inherit;color:var(--koby-forest)}.bali-workspace{min-width:0;--wit:#fff;--zijbalk:#f6f8f3;--lijn:#e1e7dc;--grijs:#5d685f;--blauw:#273e30;--blauw-zacht:#e3f6c7;font:14px/1.5 Hanken Grotesk,system-ui,sans-serif;color:#1c231e;background:var(--koby-paper)}.bali-workspace .blad-binnen{max-width:1600px;padding:32px}.bali-workspace .blad h1{font-size:34px;letter-spacing:-1.2px}.bali-workspace .kaart,.bali-workspace .kpi,.bali-workspace .tabel-wrap{border-radius:18px;border-color:var(--koby-line);background:white}.bali-workspace th{background:#f6f8f3;color:#5d685f;font-size:11px;letter-spacing:.6px}.bali-workspace .topbar{background:white;border-bottom:1px solid var(--koby-line)}.bali-workspace button,.bali-workspace input,.bali-workspace select{font-family:inherit}.bali-workspace input,.bali-workspace select{border-radius:10px}.bali-workspace .groep{color:var(--koby-muted)}.studio-login{background:var(--koby-paper)}.studio-login>.koby-brand{padding:0}.studio-login .login-card{border-radius:22px;border-color:var(--koby-line)}.studio-login .login-card button[type=submit]{background:var(--koby-forest);color:white}.login-intro h1{color:var(--koby-forest)}@media(max-width:900px){.koby-platform{grid-template-columns:190px minmax(0,1fr)}.bali-workspace .blad-binnen{padding:20px}.koby-platform-sidebar{padding:0 8px 20px}}@media(max-width:650px){.koby-platform{display:block}.koby-platform-sidebar{position:relative;height:auto}.koby-platform-sidebar>nav{display:flex;flex-wrap:wrap}.koby-platform-sidebar .koby-brand{padding-bottom:12px}.koby-platform-sidebar .koby-bali-menu nav{grid-template-columns:repeat(2,minmax(0,1fr))}.bali-workspace .blad-binnen{padding:16px}}.bali-workspace .binnen{max-width:1400px;padding:32px}.bali-workspace .binnen.breed{max-width:none}.bali-workspace .werkbalk{background:white;border-color:var(--koby-line)}.bali-workspace .getal,.bali-workspace .tabelblok,.bali-workspace .vak{border-radius:16px;overflow:hidden}@media(max-width:900px){.sidebar .koby-brand strong{display:none}.sidebar .koby-brand{justify-content:center}.sidebar .koby-bali-menu summary{padding:10px 0;gap:3px;font-size:9px}.sidebar .koby-bali-menu nav a{font-size:9px;padding:8px 3px}.sidebar .koby-bali-menu nav{margin-top:8px}}.bali-workspace .kengetal.groot{border-color:#c6f36b;background:#f5faed}.bali-workspace .keuzes{background:transparent}.bali-workspace .kengetal{padding:22px}.bali-workspace .blad h2{font-size:18px;color:#273e30}.bali-workspace .kaart h2{margin-bottom:18px}.koby-bali-right{position:fixed;right:0;top:0;bottom:0;width:228px;z-index:35;background:white;border-left:1px solid var(--koby-line);padding:24px 12px;overflow-y:auto;color:var(--koby-forest)}.koby-bali-right header{display:flex;gap:12px;align-items:center;padding:4px 8px 22px}.koby-bali-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#e3f6c7;font-weight:800}.koby-bali-right header strong{display:block;font-size:17px}.koby-bali-right header small{display:block;font-size:8px;letter-spacing:1.4px;margin-top:5px;color:var(--koby-muted)}.koby-bali-right nav{display:grid;grid-gap:3px;gap:3px}.koby-bali-right nav a{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:10px;text-decoration:none;font-size:13px;font-weight:500;color:var(--koby-muted)}.koby-bali-right nav a svg{flex-shrink:0}.koby-bali-right nav a:hover{background:var(--koby-paper);color:var(--koby-forest)}.koby-bali-right nav a[aria-current=page]{background:var(--koby-forest);color:white;font-weight:700}.main-shell{margin-right:228px}.koby-platform{padding-right:228px}.sidebar .workspace{cursor:default}@media(max-width:1000px){.koby-bali-right{width:196px;padding-inline:8px}.koby-bali-right nav a{font-size:12px;gap:8px}.main-shell{margin-right:196px}.koby-platform{padding-right:196px}}@media(max-width:650px){.koby-bali-right{position:relative;width:auto;grid-column:1/-1;border-left:0;border-bottom:1px solid var(--koby-line);padding:16px}.koby-bali-right header{padding-bottom:12px}.koby-bali-right nav{grid-template-columns:repeat(2,minmax(0,1fr))}.main-shell{margin-right:0}.koby-platform{padding-right:0}.main-shell>.koby-bali-right{margin-bottom:10px}}.app .koby-dashboard,.app:not(.editor-mode) button.studio-ai-launcher{right:250px}@media(max-width:1000px){.app .koby-dashboard,.app:not(.editor-mode) button.studio-ai-launcher{right:218px}}@media(max-width:650px){.app .koby-dashboard,.app:not(.editor-mode) button.studio-ai-launcher{right:22px}}.koby-platform,.koby-platform *{box-sizing:border-box}.koby-platform>.bali-workspace{min-width:0;width:100%}.bali-workspace .blad{padding:0;background:var(--koby-paper)}.bali-workspace .binnen,.bali-workspace .binnen.breed{width:100%;max-width:1500px;margin:0 auto;padding:44px 36px 88px;min-width:0}.bali-workspace .bali-page-heading{margin-bottom:32px}.bali-workspace .bali-eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--koby-muted);margin-bottom:12px}.bali-workspace .bali-page-heading h1{font-size:clamp(27px,2.7vw,40px);line-height:1.15;letter-spacing:-1.2px;max-width:750px}.bali-workspace .bali-page-heading .onder{font-size:14px;line-height:1.7;max-width:580px;margin:14px 0 0}.bali-workspace .binnen>section{margin-bottom:32px;min-width:0}.bali-workspace section:has(>.keuzebalk){position:relative;top:auto;padding:14px 16px;margin-top:0;background:#fff;border:1px solid var(--koby-line);border-radius:14px;z-index:21}.bali-workspace .kaart{max-width:100%;min-width:0;overflow-x:auto;padding:24px;border:1px solid var(--koby-line);box-shadow:0 3px 14px #273e3004}.bali-workspace .kaart:has(>table){padding:20px;scrollbar-width:thin;scrollbar-color:#b9c8ac transparent}.bali-workspace table{font-size:13px}.bali-workspace th{padding:13px 16px;line-height:1.5;white-space:nowrap;font-weight:600;border-bottom:1px solid var(--koby-line)}.bali-workspace td{padding:16px;vertical-align:middle;line-height:1.6}.bali-workspace td.n{white-space:nowrap}.bali-workspace tbody tr:hover{background:#f8faf5}.bali-workspace .kengetallen{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.bali-workspace .kengetal{overflow:visible;padding:24px;min-width:0}.bali-workspace .kengetal .naam{font-size:12px;font-weight:600;margin-bottom:14px}.bali-workspace .kengetal .waarde{font-family:Bricolage Grotesque,sans-serif;font-size:clamp(23px,2.2vw,33px);line-height:1.2;overflow-wrap:anywhere}.bali-workspace .kengetal .bij{margin-top:12px;line-height:1.65;font-size:12px}.bali-workspace .kengetal.groot{background:#ecf6df;border-color:#c7dda9}.bali-workspace .blad h2{margin-bottom:16px;font-size:19px;font-weight:650}.bali-workspace .optop-uitkomst{margin:0 0 22px;padding:16px 18px;background:#edf6e2;border-radius:12px;line-height:1.7;font-size:14px}.bali-workspace .bali-trend-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.bali-workspace .bali-trend-heading h2{margin:0 0 6px}.bali-workspace .bali-trend-heading p{margin:0;color:var(--koby-muted);font-size:12px}.bali-workspace .bali-chart-legend{display:flex;gap:18px;font-size:12px;color:var(--koby-muted)}.bali-chart-legend span{display:flex;align-items:center;gap:7px}.bali-chart-legend i{width:9px;height:9px;background:#273e30;border-radius:3px}.bali-chart-legend span+span i{background:#c6e59f}.bali-workspace .bali-chart{display:flex;gap:10px;overflow-x:auto;align-items:flex-end;margin:28px 0 22px;padding:0 4px 8px;background:repeating-linear-gradient(0deg,transparent 0,transparent 49px,#eaf0e6 50px);min-width:0}.bali-chart-day{flex:1 1;min-width:38px;text-align:center}.bali-chart-bars{height:180px;display:flex;align-items:flex-end;justify-content:center;gap:4px}.bali-chart-bars i{display:block;width:18px;max-width:40%;background:#273e30;border-radius:5px 5px 0 0}.bali-chart-bars i+i{background:#c6e59f}.bali-chart-day small{display:block;font-size:10px;color:#6f7a6a;margin-top:10px;white-space:nowrap}.bali-trend-footer{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid var(--koby-line);padding-top:18px;font-size:12px;color:#6f7a6a}.bali-trend-footer b{margin-left:8px;color:#273e30}.bali-chart-empty{padding:40px 0;color:#6f7a6a}@media(max-width:1100px){.bali-workspace .binnen,.bali-workspace .binnen.breed{padding:32px 22px 70px}.bali-workspace .kengetallen{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.bali-workspace .binnen,.bali-workspace .binnen.breed{padding:28px 16px 64px}.bali-workspace .kaart,.bali-workspace .kengetal{padding:18px}.bali-workspace .kengetallen{gap:10px}.bali-workspace .bali-page-heading h1{font-size:29px}.bali-workspace .kengetal .waarde{font-size:23px}}.bali-workspace .kengetallen>.kaart+.kaart{margin-top:0}.bali-workspace .kengetal .naam{display:flex;align-items:center;gap:8px;color:#566650}.bali-workspace .kengetal .naam svg{flex-shrink:0;color:#728465}.bali-workspace td .merkje-klein{display:block;margin:4px 0 0;font-size:11px;line-height:1.5}.bali-workspace td.naam{min-width:145px}.bali-workspace .bali-table-scroll{max-width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#a7b99b #f5f8f1;padding-bottom:8px}.bali-workspace .bali-table-scroll:focus-visible{outline:2px solid #8faf6c;outline-offset:3px;border-radius:6px}.bali-workspace .bali-table-hint{margin:0 0 12px;font-size:11px;color:#6f7a6a}.navigation-rails{--left-menu-width:232px;--right-menu-width:68px;--sidebar:var(--left-menu-width)}.navigation-rails[data-open-menu=right]{--left-menu-width:68px;--right-menu-width:228px}.navigation-rails[data-open-menu=none]{--left-menu-width:68px;--right-menu-width:68px}.navigation-rails .koby-platform{grid-template-columns:var(--left-menu-width) minmax(0,1fr);padding-right:var(--right-menu-width)}.navigation-rails .main-shell{margin-right:var(--right-menu-width)}.navigation-rails .koby-bali-right{width:var(--right-menu-width);padding-top:60px}.navigation-rails .koby-platform-sidebar,.navigation-rails .sidebar{width:var(--left-menu-width);padding:64px 18px 14px;display:flex;flex-direction:column;overflow-y:auto}.navigation-rails .koby-platform-sidebar .koby-brand{padding:12px 0 28px}.navigation-rails .koby-platform-sidebar>nav{display:flex;flex-direction:column;gap:5px}.navigation-rails .koby-platform-sidebar>nav a{display:flex;gap:11px;align-items:center;padding:12px 13px;font-size:12px;border-radius:7px}.navigation-rails .koby-platform-sidebar .sidebar-bottom{margin-top:auto;padding-top:35px}.menu-rail-toggle{position:absolute;top:18px;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--koby-line);border-radius:9px;background:#f6f8f3;color:#273e30;cursor:pointer}.menu-rail-toggle-left{right:16px}.menu-rail-toggle-right{left:16px}.menu-rail-toggle:hover{background:#e3f6c7}.navigation-rails:not([data-open-menu=right]) .koby-bali-right header{justify-content:center;padding:0 0 20px}.navigation-rails:not([data-open-menu=right]) .koby-bali-right header>div,.navigation-rails:not([data-open-menu=right]) .koby-bali-right nav a>span{display:none}.navigation-rails:not([data-open-menu=right]) .koby-bali-right{padding-inline:10px}.navigation-rails:not([data-open-menu=right]) .koby-bali-right nav a{justify-content:center;gap:0;padding:9px 0}.navigation-rails:not([data-open-menu=left]) :is(.sidebar,.koby-platform-sidebar){padding-inline:9px}.navigation-rails:not([data-open-menu=left]) :is(.sidebar,.koby-platform-sidebar) :is(.koby-brand strong,.workspace,.nav-label,.credits,.profile>span:nth-child(2),.profile>svg){display:none}.navigation-rails:not([data-open-menu=left]) :is(.sidebar,.koby-platform-sidebar) .koby-brand{justify-content:center;padding:8px 0 24px}.navigation-rails:not([data-open-menu=left]) :is(.sidebar,.koby-platform-sidebar) nav :is(button,a){justify-content:center;padding:12px 0;gap:0}.navigation-rails:not([data-open-menu=left]) :is(.sidebar,.koby-platform-sidebar) nav :is(span,small,.tiny-dot){display:none}.navigation-rails:not([data-open-menu=left]) :is(.sidebar,.koby-platform-sidebar) .profile{justify-content:center;padding:12px 0}.navigation-rails:not([data-open-menu=left]) :is(.sidebar,.koby-platform-sidebar) form button{font-size:0!important;justify-content:center;padding:12px 0!important}.navigation-rails .app .koby-dashboard,.navigation-rails .app:not(.editor-mode) button.studio-ai-launcher{right:calc(var(--right-menu-width) + 22px)}@media(min-width:651px){.navigation-rails[data-open-menu=left] .sidebar nav button{font-size:12px}.navigation-rails[data-open-menu=left] .sidebar .koby-brand strong,.navigation-rails[data-open-menu=left] .sidebar nav button span{display:block}}@media(max-width:650px){.navigation-rails .koby-platform{display:grid;grid-template-columns:var(--left-menu-width) minmax(0,1fr)}.navigation-rails .koby-platform-sidebar{position:-webkit-sticky;position:sticky;height:100vh;top:0}.navigation-rails .koby-bali-right{position:fixed;right:0;top:0;bottom:0;border-left:1px solid var(--koby-line);grid-column:auto;margin:0!important}.navigation-rails .koby-bali-right nav{grid-template-columns:1fr}.navigation-rails .bali-workspace .binnen{padding-inline:12px}.navigation-rails .bali-workspace .kengetallen{grid-template-columns:1fr}}.navigation-rails .app.editor-mode{--right-menu-width:0px}.navigation-rails .app.editor-mode>.main-shell{margin-right:0}