[data-mijnbord-demo]{border:1px solid var(--rule);border-radius:var(--radius);background:linear-gradient(135deg,#4f46e5,#4338ca);padding:1.25rem;box-shadow:0 12px 36px -10px #4338ca59;color:#1e1b4b;position:relative;overflow:hidden}[data-mijnbord-demo] [hidden]{display:none!important}[data-mijnbord-demo] .mb-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;padding-bottom:.85rem;border-bottom:1px solid rgb(255 255 255 / .18)}[data-mijnbord-demo] .mb-brand{display:flex;align-items:center;gap:.5rem;color:#fff}[data-mijnbord-demo] .mb-logo{font-size:1.25rem}[data-mijnbord-demo] .mb-app-title{font-size:var(--step-1);font-weight:700;letter-spacing:-.02em}[data-mijnbord-demo] .mb-search-wrap{flex:1 1 14rem;max-width:26rem}[data-mijnbord-demo] .mb-search{width:100%;font-family:var(--font-body);font-size:var(--step--1);padding:.45rem .9rem;border-radius:6px;border:1px solid rgb(255 255 255 / .25);background:#ffffff26;color:#fff;outline:none;transition:background .2s var(--ease)}[data-mijnbord-demo] .mb-search::placeholder{color:#ffffffb3}[data-mijnbord-demo] .mb-search:focus{background:#ffffff40;border-color:#fff}[data-mijnbord-demo] .mb-top-actions{display:flex;align-items:center;gap:.5rem}[data-mijnbord-demo] .mb-pill-btn{font-family:var(--font-mono);font-size:.72rem;padding:.35rem .75rem;border-radius:6px;border:1px solid rgb(255 255 255 / .25);background:#ffffff1a;color:#fff;cursor:pointer;transition:background .2s var(--ease)}[data-mijnbord-demo] .mb-pill-btn.is-active,[data-mijnbord-demo] .mb-pill-btn:hover{background:#fff;color:#4338ca;border-color:#fff;font-weight:600}[data-mijnbord-demo] .mb-reset-btn{font-family:var(--font-mono);font-size:.72rem;padding:.35rem .6rem;border-radius:6px;border:1px solid rgb(255 255 255 / .2);background:transparent;color:#ffffffd9;cursor:pointer}[data-mijnbord-demo] .mb-reset-btn:hover{background:#fff3;color:#fff}[data-mijnbord-demo] .mb-intro-banner{background:#ffffff1f;border:1px solid rgb(255 255 255 / .2);border-radius:8px;padding:.65rem .95rem;margin-block:.85rem;color:#fff;font-size:var(--step--1);line-height:1.45}[data-mijnbord-demo] .mb-intro-banner p{margin:0}[data-mijnbord-demo] .mb-board{display:flex;gap:.9rem;overflow-x:auto;padding-bottom:.75rem;scrollbar-width:thin;scrollbar-color:rgb(255 255 255 / .25) transparent}[data-mijnbord-demo] .mb-board::-webkit-scrollbar{height:6px}[data-mijnbord-demo] .mb-board::-webkit-scrollbar-track{background:transparent}[data-mijnbord-demo] .mb-board::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:999px}[data-mijnbord-demo] .mb-board::-webkit-scrollbar-thumb:hover{background:#ffffff73}[data-mijnbord-demo] .mb-col{flex:0 0 17.5rem;background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:38rem;box-shadow:0 4px 14px #0000001a;border:1px solid rgb(255 255 255 / .6)}[data-mijnbord-demo] .mb-col-head{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-bottom:1px solid #f1f5f9}[data-mijnbord-demo] .mb-col-title-group{display:flex;align-items:center;gap:.5rem}[data-mijnbord-demo] .mb-col-indicator{width:.55rem;height:.55rem;border-radius:50%}[data-mijnbord-demo] .mb-col-title{font-size:.95rem;font-weight:700;color:#0f172a;margin:0}[data-mijnbord-demo] .mb-col-badge{font-family:var(--font-mono);font-size:.7rem;font-weight:600;background:#f1f5f9;color:#475569;padding:.15rem .5rem;border-radius:999px}[data-mijnbord-demo] .mb-col-quick-add{padding:.6rem .75rem;display:flex;flex-direction:column;gap:.4rem;background:#f8fafc;border-bottom:1px solid #f1f5f9}[data-mijnbord-demo] .mb-quick-btn{text-align:left;font-size:.78rem;font-weight:500;color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;padding:.4rem .7rem;cursor:pointer;transition:background .15s var(--ease)}[data-mijnbord-demo] .mb-quick-btn:hover{background:#e0e7ff}[data-mijnbord-demo] .mb-quick-btn--subtle{background:transparent;border:1px dashed #cbd5e1;color:#64748b}[data-mijnbord-demo] .mb-quick-btn--subtle:hover{background:#fff;color:#334155;border-style:solid}[data-mijnbord-demo] .mb-col-cards{padding:.75rem;display:flex;flex-direction:column;gap:.65rem;overflow-y:auto;flex:1;min-height:14rem;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}[data-mijnbord-demo] .mb-col-cards::-webkit-scrollbar{width:5px}[data-mijnbord-demo] .mb-col-cards::-webkit-scrollbar-track{background:transparent}[data-mijnbord-demo] .mb-col-cards::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}[data-mijnbord-demo] .mb-col-cards.is-dragover{background:#eef2ff;border-radius:8px}[data-mijnbord-demo] .mb-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem .85rem;cursor:grab;transition:transform .15s var(--ease),box-shadow .15s var(--ease),border-color .15s var(--ease);box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:.45rem}[data-mijnbord-demo] .mb-card:hover{transform:translateY(-2px);border-color:#cbd5e1;box-shadow:0 4px 12px -2px #0000001a}[data-mijnbord-demo] .mb-card--project{background:#fbfbfe;border-left:4px solid #4f46e5}[data-mijnbord-demo] .mb-card.is-done{opacity:.6;background:#f8fafc}[data-mijnbord-demo] .mb-card.is-done .mb-card-title-text{text-decoration:line-through;color:#64748b}[data-mijnbord-demo] .mb-card.is-dragging{opacity:.35}[data-mijnbord-demo] .mb-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}[data-mijnbord-demo] .mb-card-left-head{display:flex;align-items:flex-start;gap:.55rem;flex:1;min-width:0}[data-mijnbord-demo] .mb-checkbox{width:1.15rem;height:1.15rem;min-width:1.15rem;min-height:1.15rem;max-width:1.15rem;max-height:1.15rem;border:1.5px solid #94a3b8;border-radius:4px;background:#fff;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;margin-top:.1rem;padding:0;line-height:1;flex-shrink:0;transition:background .15s var(--ease),border-color .15s var(--ease)}[data-mijnbord-demo] .mb-checkbox.is-checked{background:#10b981;border-color:#10b981}[data-mijnbord-demo] .mb-checkbox:hover{border-color:#4f46e5}[data-mijnbord-demo] .mb-project-stack-icon{font-size:1.1rem;margin-top:.05rem;flex-shrink:0}[data-mijnbord-demo] .mb-card-title-text{font-size:.88rem;font-weight:600;color:#0f172a;line-height:1.35;cursor:pointer;flex:1}[data-mijnbord-demo] .mb-card-right-head{display:flex;align-items:center;flex-shrink:0;margin-top:.2rem}[data-mijnbord-demo] .mb-prio-indicator{width:.55rem;height:.55rem;border-radius:50%}[data-mijnbord-demo] .mb-card-desc-text{font-size:.75rem;color:#64748b;margin:0;line-height:1.4;cursor:pointer}[data-mijnbord-demo] .mb-project-bar-wrap{display:flex;align-items:center;gap:.45rem;cursor:pointer;margin-top:.2rem}[data-mijnbord-demo] .mb-prog-track{flex:1;height:.4rem;background:#e2e8f0;border-radius:999px;overflow:hidden}[data-mijnbord-demo] .mb-prog-fill-blue{height:100%;background:#3b82f6;border-radius:999px;transition:width .3s var(--ease)}[data-mijnbord-demo] .mb-prog-label-sm{font-family:var(--font-mono);font-size:.68rem;font-weight:600;color:#475569}[data-mijnbord-demo] .mb-card-footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.35rem;border-top:1px solid #f8fafc}[data-mijnbord-demo] .mb-footer-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.72rem;color:#64748b;cursor:pointer}[data-mijnbord-demo] .mb-assignee-badge{color:#4338ca;background:#e0e7ff;padding:.15rem .45rem;border-radius:4px;font-weight:500}[data-mijnbord-demo] .mb-due-badge,[data-mijnbord-demo] .mb-phases-badge{color:#64748b}[data-mijnbord-demo] .mb-card-menu-btn{border:none;background:transparent;color:#94a3b8;font-size:1rem;cursor:pointer;padding:.1rem .3rem;border-radius:4px;line-height:1}[data-mijnbord-demo] .mb-card-menu-btn:hover{background:#f1f5f9;color:#0f172a}[data-mijnbord-demo] .mb-actions-view{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 4px 14px #0000001a}[data-mijnbord-demo] .mb-actions-view[hidden]{display:none!important}[data-mijnbord-demo] .mb-actions-head{padding-bottom:1rem;border-bottom:1px solid #e2e8f0;margin-bottom:1.25rem}[data-mijnbord-demo] .mb-actions-heading{font-size:1.15rem;font-weight:700;color:#0f172a;margin:0}[data-mijnbord-demo] .mb-actions-sub{font-size:.8rem;color:#64748b;margin:.25rem 0 0}[data-mijnbord-demo] .mb-actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1rem}[data-mijnbord-demo] .mb-person-card{border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;overflow:hidden;display:flex;flex-direction:column}[data-mijnbord-demo] .mb-person-head{padding:.75rem 1rem;background:#fff;border-bottom:1px solid #e2e8f0}[data-mijnbord-demo] .mb-person-info{display:flex;align-items:center;gap:.6rem}[data-mijnbord-demo] .mb-person-avatar{width:2rem;height:2rem;border-radius:50%;background:#4f46e5;color:#fff;font-size:.8rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}[data-mijnbord-demo] .mb-person-name{font-size:.95rem;font-weight:700;color:#0f172a;margin:0}[data-mijnbord-demo] .mb-person-count{font-size:.75rem;color:#64748b}[data-mijnbord-demo] .mb-person-list{padding:.65rem;display:flex;flex-direction:column;gap:.45rem;flex:1}[data-mijnbord-demo] .mb-action-item{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.55rem .7rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;box-shadow:0 1px 2px #00000008}[data-mijnbord-demo] .mb-action-item.is-done{opacity:.55;background:#f8fafc}[data-mijnbord-demo] .mb-action-item.is-done .mb-action-title{text-decoration:line-through;color:#64748b}[data-mijnbord-demo] .mb-action-left{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}[data-mijnbord-demo] .mb-action-texts{display:flex;flex-direction:column;cursor:pointer;min-width:0}[data-mijnbord-demo] .mb-action-title{font-size:.82rem;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-mijnbord-demo] .mb-action-subtext{font-size:.7rem;color:#3b82f6}[data-mijnbord-demo] .mb-action-right{display:flex;align-items:center;gap:.4rem;flex-shrink:0}[data-mijnbord-demo] .mb-action-col-tag{font-family:var(--font-mono);font-size:.62rem;background:#f1f5f9;color:#475569;padding:.1rem .4rem;border-radius:4px;text-transform:capitalize}[data-mijnbord-demo] .mb-empty-person{font-size:.75rem;color:#94a3b8;text-align:center;padding:.75rem;margin:0}[data-mijnbord-demo] .mb-modal-backdrop{position:absolute;inset:0;background:#0f172ab3;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1.25rem;z-index:50}[data-mijnbord-demo] .mb-modal-backdrop[hidden]{display:none!important}[data-mijnbord-demo] .mb-modal-box{background:#fff;border-radius:14px;width:100%;max-width:52rem;max-height:90%;overflow-y:auto;box-shadow:0 24px 48px #0000004d;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}[data-mijnbord-demo] .mb-modal-box::-webkit-scrollbar{width:6px}[data-mijnbord-demo] .mb-modal-box::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}[data-mijnbord-demo] .mb-modal-box--small{max-width:28rem}[data-mijnbord-demo] .mb-modal-top-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1.25rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}[data-mijnbord-demo] .mb-crumbs-group{display:flex;align-items:center;gap:.5rem}[data-mijnbord-demo] .mb-crumb-btn{font-size:.8rem;font-weight:600;color:#3b82f6;background:#eff6ff;border:1px solid #bfdbfe;padding:.35rem .75rem;border-radius:6px;cursor:pointer}[data-mijnbord-demo] .mb-crumb-btn:hover{background:#dbeafe}[data-mijnbord-demo] .mb-crumb-btn--secondary{color:#475569;background:#fff;border-color:#cbd5e1}[data-mijnbord-demo] .mb-modal-top-right{display:flex;align-items:center;gap:.5rem}[data-mijnbord-demo] .mb-user-pill{font-size:.75rem;background:#fff;border:1px solid #cbd5e1;padding:.25rem .55rem;border-radius:6px;color:#334155}[data-mijnbord-demo] .mb-modal-close{border:none;background:transparent;font-size:1.1rem;color:#64748b;cursor:pointer;padding:.2rem .5rem;border-radius:4px}[data-mijnbord-demo] .mb-modal-close:hover{background:#e2e8f0;color:#0f172a}[data-mijnbord-demo] .mb-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}[data-mijnbord-demo] .mb-proj-hero{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem}[data-mijnbord-demo] .mb-proj-hero-title{font-size:1.75rem;font-weight:700;color:#0f172a;margin:0}[data-mijnbord-demo] .mb-proj-hero-desc{font-size:.88rem;color:#64748b;font-style:italic;margin:.35rem 0 0}[data-mijnbord-demo] .mb-proj-hero-meta{display:flex;align-items:center;gap:.6rem}[data-mijnbord-demo] .mb-date-box{font-size:.8rem;border:1px solid #cbd5e1;border-radius:6px;padding:.35rem .65rem;background:#fff;color:#475569}[data-mijnbord-demo] .mb-priority-pill{font-size:.8rem;font-weight:600;color:#d97706;background:#fef3c7;border:1px solid #fde68a;padding:.35rem .75rem;border-radius:999px}[data-mijnbord-demo] .mb-proj-progress-section{display:flex;flex-direction:column;gap:.4rem}[data-mijnbord-demo] .mb-prog-header{display:flex;justify-content:space-between;font-size:.8rem;font-weight:600;color:#475569}[data-mijnbord-demo] .mb-prog-bar-bg{height:.55rem;background:#e2e8f0;border-radius:999px;overflow:hidden}[data-mijnbord-demo] .mb-prog-bar-fill{height:100%;background:#3b82f6;border-radius:999px;transition:width .3s var(--ease)}[data-mijnbord-demo] .mb-phases-action-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-top:.5rem}[data-mijnbord-demo] .mb-btn-primary{background:#2563eb;color:#fff;border:none;font-size:.84rem;font-weight:600;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:background .15s var(--ease)}[data-mijnbord-demo] .mb-btn-primary:hover{background:#1d4ed8}[data-mijnbord-demo] .mb-sort-note{font-size:.8rem;color:#64748b}[data-mijnbord-demo] .mb-phases-list{display:flex;flex-direction:column;gap:1.25rem}[data-mijnbord-demo] .mb-phase-card{border:1.5px solid #bfdbfe;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000a;overflow:hidden}[data-mijnbord-demo] .mb-phase-card-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.15rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}[data-mijnbord-demo] .mb-phase-header-left{display:flex;align-items:center;gap:.6rem}[data-mijnbord-demo] .mb-drag-icon{color:#94a3b8;font-size:1rem;cursor:grab}[data-mijnbord-demo] .mb-phase-chevron{font-size:1.1rem;font-weight:700;color:#64748b}[data-mijnbord-demo] .mb-phase-heading{font-size:1.05rem;font-weight:700;color:#0f172a;margin:0}[data-mijnbord-demo] .mb-phase-prog-track{width:5rem;height:.45rem;background:#e2e8f0;border-radius:999px;overflow:hidden}[data-mijnbord-demo] .mb-phase-prog-fill{height:100%;background:#10b981;border-radius:999px}[data-mijnbord-demo] .mb-phase-header-right{display:flex;align-items:center;gap:.5rem}[data-mijnbord-demo] .mb-btn-add-subtask{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;font-size:.8rem;font-weight:600;padding:.35rem .75rem;border-radius:6px;cursor:pointer}[data-mijnbord-demo] .mb-btn-add-subtask:hover{background:#dbeafe}[data-mijnbord-demo] .mb-icon-btn{background:transparent;border:1px solid #e2e8f0;padding:.3rem .5rem;border-radius:6px;cursor:pointer;font-size:.85rem}[data-mijnbord-demo] .mb-icon-btn:hover{background:#f1f5f9}[data-mijnbord-demo] .mb-phase-tasks-list{padding:.85rem;display:flex;flex-direction:column;gap:.6rem}[data-mijnbord-demo] .mb-subtask-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem 1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;box-shadow:0 1px 3px #00000008}[data-mijnbord-demo] .mb-subtask-content{display:flex;align-items:baseline;gap:.6rem;flex:1 1 12rem}[data-mijnbord-demo] .mb-subtask-texts{display:flex;flex-direction:column;gap:.15rem}[data-mijnbord-demo] .mb-subtask-title{font-size:.88rem;font-weight:600;color:#0f172a}[data-mijnbord-demo] .mb-subtask-notes{font-size:.75rem;color:#64748b;font-style:italic}[data-mijnbord-demo] .mb-subtask-controls{display:flex;align-items:center;gap:.6rem}[data-mijnbord-demo] .mb-select-assignee{font-size:.8rem;padding:.3rem .6rem;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#334155}[data-mijnbord-demo] .mb-subtask-date-pill{font-size:.75rem;color:#64748b}[data-mijnbord-demo] .mb-status-pill-select{font-size:.78rem;font-weight:600;padding:.3rem .75rem;border-radius:999px;cursor:pointer;outline:none}[data-mijnbord-demo] .mb-dots-btn{border:none;background:transparent;color:#94a3b8;font-size:1.1rem;cursor:pointer;padding:.1rem .3rem}[data-mijnbord-demo] .mb-empty-phase{text-align:center;color:#94a3b8;font-size:.82rem;padding:1rem;margin:0}[data-mijnbord-demo] .mb-edit-form{padding:1.25rem;display:flex;flex-direction:column;gap:.85rem}[data-mijnbord-demo] .mb-form-field{display:flex;flex-direction:column;gap:.3rem}[data-mijnbord-demo] .mb-form-field label{font-size:.75rem;font-weight:600;color:#475569}[data-mijnbord-demo] .mb-form-field input,[data-mijnbord-demo] .mb-form-field textarea,[data-mijnbord-demo] .mb-form-field select{font-family:var(--font-body);font-size:.82rem;padding:.45rem .65rem;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#0f172a}[data-mijnbord-demo] .mb-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}[data-mijnbord-demo] .mb-form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}[data-mijnbord-demo] .mb-btn-secondary{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;padding:.45rem .85rem;border-radius:6px;font-size:.8rem;cursor:pointer}.page-hero[data-astro-cid-4zbt5wvf]{padding-block:clamp(3rem,8vw,6rem) clamp(2.5rem,6vw,4rem)}.page-title[data-astro-cid-4zbt5wvf]{margin-top:clamp(1.25rem,3vw,2rem);font-size:var(--step-4);max-width:22ch}.page-lede[data-astro-cid-4zbt5wvf]{margin-top:1.75rem;font-size:var(--step-1);line-height:1.55;color:var(--ink-soft);max-width:58ch}.features[data-astro-cid-4zbt5wvf]{list-style:none;margin:0;padding:0;display:grid;gap:0}@media(min-width:40rem){.features[data-astro-cid-4zbt5wvf]{grid-template-columns:repeat(2,1fr);gap:0 3rem}}.features[data-astro-cid-4zbt5wvf] li[data-astro-cid-4zbt5wvf]{display:flex;flex-direction:column;gap:.4rem;padding-block:1.25rem;border-top:1px solid var(--rule)}.features[data-astro-cid-4zbt5wvf] strong[data-astro-cid-4zbt5wvf]{font-weight:500;font-size:var(--step-0)}.features[data-astro-cid-4zbt5wvf] span[data-astro-cid-4zbt5wvf]{font-size:var(--step--1);color:var(--muted);line-height:1.6}.contact-actions[data-astro-cid-4zbt5wvf]{display:flex;flex-wrap:wrap;align-items:baseline;gap:1.5rem 3rem}.contact-mail[data-astro-cid-4zbt5wvf]{font-size:var(--step-3);font-weight:500;letter-spacing:-.03em;color:var(--accent-deep);word-break:break-word;transition:opacity .3s var(--ease)}.contact-mail[data-astro-cid-4zbt5wvf]:hover{opacity:.7}.ownership-note[data-astro-cid-4zbt5wvf]{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--rule);max-width:60ch;color:var(--muted);font-size:var(--step--1);line-height:1.7}.site-footer[data-astro-cid-4zbt5wvf]{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;padding-block:2.5rem 3rem;border-top:1px solid var(--rule);font-family:var(--font-mono);font-size:var(--step--1);color:var(--muted)}.site-footer[data-astro-cid-4zbt5wvf] p[data-astro-cid-4zbt5wvf]{margin:0}