:root{--bg:#f5f7f4;--panel:#fff;--panel-soft:#eef4f1;--ink:#17201d;--muted:#66736e;--line:#d8e0dc;--sidebar:#123d35;--teal:#007f73;--teal-dark:#00665d;--blue:#2364aa;--amber:#b87300;--red:#b33a3a;--green:#237a4b;--shadow:0 18px 46px #16201d14}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{background:var(--sidebar);color:#eef8f4;z-index:8;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px 18px;padding:14px 28px 12px;display:grid;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:var(--sidebar);background:#e9fff6;border-radius:8px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.brand strong,.brand span{display:block}.brand strong{font-size:21px}.brand span,.sidebar-note span{color:#b9d4cd;font-size:13px}.sidebar nav{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.sidebar nav button{color:inherit;text-align:left;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;min-height:38px;padding:0 12px;display:flex}.sidebar nav button.active,.sidebar nav button:hover{background:#ffffff1f;border-color:#ffffff29}.sidebar-note{border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.sidebar-date{margin-top:0}.logout-button{color:#fff;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:8px;min-height:34px;margin-top:0;padding:0 10px}.logout-button:hover{background:#ffffff29}.login-page{background:linear-gradient(135deg,#123d35,#2f7d72);align-items:center;min-height:100vh;padding:28px;display:grid}.login-panel{background:#fff;border:1px solid #fff6;border-radius:8px;gap:24px;width:100%;max-width:430px;margin:0 auto;padding:28px;display:grid;box-shadow:0 28px 70px #0817143d}.login-brand{color:var(--ink)}.login-brand span{color:var(--muted)}.login-panel h1{margin:0 0 6px;font-size:28px}.login-panel p{color:var(--muted);margin:0}.login-button{width:100%}.login-button:disabled{opacity:.75}.form-error{color:var(--red);background:#fff1f1;border:1px solid #f0b8b8;border-radius:8px;padding:10px 12px}.workspace{grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;min-height:84px;padding:18px 28px;display:flex;position:static}.topbar h1{margin:0 0 5px;font-size:25px;line-height:1.1}.topbar p{color:var(--muted);margin:0}.topbar-actions,.row-actions,.detail-strip,.segmented,.split{align-items:center;gap:10px;display:flex}.content-grid{grid-template-columns:minmax(0,1fr) 360px;gap:20px;padding:24px 28px 36px;display:grid}.wide{grid-column:1/-1}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;min-width:0;padding:18px}.section-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.section-heading h2{margin:0;font-size:18px}.section-heading span{color:var(--muted);font-size:14px}.metric-grid,.report-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.report-page{align-items:start}.report-cover{border-top:4px solid var(--teal)}.report-filters{grid-template-columns:minmax(220px,1fr) 220px auto;align-items:end}.report-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.metric{background:var(--panel);border:1px solid var(--line);border-left:5px solid var(--teal);box-shadow:var(--shadow);border-radius:8px;gap:10px;padding:18px;display:grid}.metric span{color:var(--muted);text-transform:uppercase;font-size:13px}.metric strong{font-size:30px}.tone-teal{color:var(--teal-dark);border-color:#007f7347}.tone-amber{color:var(--amber);border-color:#b8730052}.tone-red{color:var(--red);border-color:#b33a3a52}.tone-blue{color:var(--blue);border-color:#2364aa47}.btn,.icon-button{border:1px solid var(--line);border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;display:inline-flex}.btn{color:var(--ink);background:#fff;padding:0 14px}.btn.primary{background:var(--teal);border-color:var(--teal);color:#fff}.btn.primary:hover{background:var(--teal-dark)}.btn.secondary:hover,.icon-button:hover{background:var(--panel-soft)}.btn.small{min-height:32px;padding:0 10px;font-size:13px}.btn:disabled{cursor:wait;opacity:.72}.icon-button{color:var(--ink);background:#fff;width:36px;height:36px}.icon-button.danger{color:var(--red)}.icon-button.danger:hover{background:#fff1f1;border-color:#f0b8b8}.file-link{color:var(--blue);font-weight:800;text-decoration:none}.file-link:hover{text-decoration:underline}.document-actions{flex-wrap:wrap;gap:8px;display:flex}.filters{grid-template-columns:1fr 220px;gap:12px;margin-bottom:16px;display:grid}.filters.four{grid-template-columns:1.2fr 1fr .8fr .8fr}.dashboard-filter-panel{border-top:4px solid var(--teal)}.dashboard-filters{grid-template-columns:repeat(4,minmax(150px,1fr)) auto;align-items:end}label{gap:7px;min-width:0;display:grid}label span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}input,select,textarea{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;width:100%;min-width:0;min-height:40px;padding:0 12px}textarea{resize:vertical;min-height:160px;padding:12px}.input-icon{border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;padding-left:10px;display:flex}.input-icon input{border:0;padding-left:0}.table-wrap{max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:860px}th{color:var(--muted);text-align:left;text-transform:uppercase;font-size:12px}td,th{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 10px}.muted{color:var(--muted);font-size:13px}.pill{background:#eef4f1;border:1px solid;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.tone-groen{color:var(--green)}.tone-oranje{color:var(--amber)}.tone-rood{color:var(--red)}.progress{background:#e6ede9;border-radius:999px;min-width:86px;height:9px;overflow:hidden}.progress span{background:var(--teal);height:100%;display:block}.chart{gap:14px;display:grid}.chart-row{grid-template-columns:115px minmax(100px,1fr) 28px;align-items:center;gap:10px;display:grid}.chart-row span{color:var(--muted);font-size:13px}.chart-track{background:#e6ede9;border-radius:999px;height:10px;overflow:hidden}.chart-fill{background:var(--blue);height:100%}.signal-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.signal-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.signal-list li:last-child{border-bottom:0;padding-bottom:0}.signal-list div{gap:3px;display:grid}.signal-list span{color:var(--muted);font-size:13px}.comparison-chart{gap:14px;display:grid}.comparison-row{grid-template-columns:132px minmax(120px,1fr) 38px;align-items:center;gap:12px;display:grid}.comparison-row div:first-child{gap:2px;display:grid}.comparison-row span{color:var(--muted);font-size:12px}.comparison-bars{gap:5px;display:grid}.comparison-bars span{border-radius:999px;min-width:3px;height:8px;display:block}.comparison-bars .current{background:var(--teal)}.comparison-bars .previous{background:#a7b5b0}.form-stack{gap:14px;display:grid}.split{align-items:start}.split>*{flex:1}.file-input{border:1px dashed var(--line);color:var(--muted);border-radius:8px;align-items:center;min-height:48px;padding:0 12px;display:flex;position:relative}.file-input input{opacity:0;position:absolute;inset:0}.file-action{position:relative}.file-action input{opacity:0;position:absolute;inset:0}.checkline{align-items:center;gap:10px;display:flex}.checkline input{width:18px;min-height:18px}.notice,.check-row{color:#694400;background:#fff8eb;border:1px solid #f0d7a4;border-radius:8px;align-items:flex-start;gap:10px;padding:12px;display:flex}.notice p{margin:0}.timeline{--timeline-column-min:72px;--timeline-min-width:940px;gap:13px;min-width:0;max-width:100%;display:grid;overflow-x:auto}.timeline-head{color:var(--muted);grid-template-columns:repeat(var(--timeline-columns,9), minmax(var(--timeline-column-min), 1fr));min-width:max(100%, var(--timeline-min-width));text-transform:uppercase;font-size:12px;display:grid}.timeline-head span{border-left:1px solid var(--line);gap:2px;min-width:0;padding-left:8px;display:grid}.timeline-head strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.timeline-head small{color:var(--muted);text-transform:none;font-size:11px;font-weight:700}.timeline-group{border-top:1px solid var(--line);gap:8px;padding-top:13px;display:grid}.timeline-label{color:var(--ink);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;display:flex}.timeline-label div{gap:3px;display:grid}.timeline-label small{color:var(--muted);font-size:12px}.timeline-label span{color:var(--teal);font-size:13px;font-weight:800}.timeline-row{background:linear-gradient(90deg,#eef3f0 1px,#0000 1px),#f8faf8;background-size:calc(100% / var(--timeline-columns,9)) 100%;height:38px;min-width:max(100%, var(--timeline-min-width));border-radius:8px;position:relative}.timeline-row.missing{color:var(--amber);border:1px dashed #f0d7a4;align-items:center;gap:8px;padding:0 12px;display:flex}.timeline-row.phase{grid-template-columns:190px minmax(var(--timeline-min-width), 1fr);min-height:32px;min-width:max(100%, calc(202px + var(--timeline-min-width)));background:0 0;align-items:center;gap:12px;display:grid}.phase-label{gap:1px;min-width:0;display:grid}.phase-label strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.phase-label small{color:var(--muted);font-size:11px}.phase-line{background:linear-gradient(90deg,#dde7e2 1px,#0000 1px),#eef3f0;background-size:calc(100% / var(--timeline-columns,9)) 100%;border-radius:8px;height:18px;position:relative}.bar{color:#fff;white-space:nowrap;border-radius:8px;align-items:center;min-width:26px;height:100%;padding:0 10px;font-size:13px;font-weight:800;display:flex;position:absolute;left:0;overflow:hidden}.timeline-weken .bar{padding:0 8px;font-size:12px}.timeline-dagen .timeline-head span{justify-items:center;gap:1px;padding-left:0}.timeline-dagen .timeline-head strong{font-size:11px}.timeline-dagen .timeline-head small{font-size:10px}.timeline-dagen .bar{min-width:20px;padding:0 6px;font-size:11px}.phase-line .bar{height:18px;padding:0}.risk-groen,.done{background:var(--green)}.risk-oranje{background:var(--amber)}.risk-rood{background:var(--red)}.muted.bar{background:#8a9691}.planning-panel{margin:24px 28px 36px}.planning-filters{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));align-items:end}.planning-filters label:first-child{grid-column:span 2}.planning-filters button{justify-self:start}.planning-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 16px;display:grid}.planning-notice{margin-bottom:16px}.missing-planning{border-color:#f0d7a4}.report-timeline{gap:12px;display:grid;overflow-x:auto}.report-timeline-head{color:var(--muted);grid-template-columns:repeat(var(--timeline-columns,6), minmax(58px, 1fr));text-transform:uppercase;min-width:680px;font-size:12px;display:grid}.report-timeline-head span{border-left:1px solid var(--line);padding-left:8px}.report-timeline-group{border-top:1px solid var(--line);gap:8px;min-width:680px;padding-top:12px;display:grid}.report-row-label{justify-content:space-between;align-items:end;gap:12px;display:flex}.report-row-label span{color:var(--muted);font-size:13px}.report-line{background:linear-gradient(90deg,#eef3f0 1px,#0000 1px),#f8faf8;background-size:calc(100% / var(--timeline-columns,6)) 100%;border-radius:8px;height:34px;position:relative}.report-line.phase{height:20px}.report-bar{color:#fff;white-space:nowrap;border-radius:8px;align-items:center;min-width:22px;height:100%;padding:0 9px;font-size:12px;font-weight:800;display:flex;position:absolute;overflow:hidden}.report-phase-row{grid-template-columns:190px minmax(420px,1fr);align-items:center;gap:12px;display:grid}.report-phase-row>span{color:var(--muted);font-size:13px}.empty-state{color:var(--muted);margin:0}.project-edit{border-bottom:1px solid var(--line);margin:18px 0 2px;padding-bottom:18px}.editor-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.editor-grid label:first-child,.editor-grid label:nth-child(10){grid-column:span 2}.compact-textarea{min-height:90px}.form-footer{justify-content:space-between;align-items:center;gap:14px;display:flex}.editable-list{gap:8px;display:grid}.phase-row,.task-row,.task-create,.phase-create,.phase-document-create{align-items:center;gap:8px;display:grid}.phase-row{grid-template-columns:34px minmax(150px,1fr) 135px 135px 38px 38px}.task-row{grid-template-columns:minmax(170px,1fr) 145px 135px 120px 135px 38px}.task-create{border-top:1px solid var(--line);grid-template-columns:minmax(170px,1fr) 145px 135px auto;margin-top:12px;padding-top:12px}.phase-create{border-top:1px solid var(--line);grid-template-columns:minmax(170px,1fr) 135px 135px auto;margin-top:12px;padding-top:12px}.phase-document-create{border-top:1px solid var(--line);grid-template-columns:150px minmax(190px,1fr) 130px auto;margin-top:12px;padding-top:12px}.phase-row input,.phase-row select,.phase-create input,.phase-document-create input,.phase-document-create select,.task-row input,.task-row select,.task-create input,.task-create select{min-height:36px}.inline-check{background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;justify-content:center;align-items:center;height:36px;display:flex;position:relative}.inline-check input{opacity:0;position:absolute;inset:0}.modal-backdrop{z-index:20;background:#0a17146b;align-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-panel{border:1px solid var(--line);background:#fff;border-radius:8px;width:min(100%,640px);max-width:640px;margin:0 auto;padding:20px;box-shadow:0 28px 70px #0817143d}.detail-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.phase-block{border:1px solid var(--line);background:#f8faf8;border-radius:8px;gap:8px;padding:8px;display:grid}.phase-documents{gap:7px;padding-left:42px;display:grid}.phase-document-row{grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.phase-document-row div{gap:2px;display:grid}.phase-document-row span{color:var(--muted);font-size:12px}.detail-grid h3{margin:18px 0 8px;font-size:15px}.detail-grid ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.detail-grid li{justify-content:space-between;align-items:center;gap:8px;display:flex}.detail-grid li>div{flex:1;gap:2px;min-width:0;display:grid}.report-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.report-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:0 0 10px;display:flex}.report-list li:last-child{border-bottom:0;padding-bottom:0}.report-list div{gap:3px;display:grid}.report-list span{color:var(--muted);font-size:13px}.date-chip{background:var(--panel-soft);border:1px solid var(--line);border-radius:999px;flex:none;padding:6px 9px;font-weight:800;color:var(--ink)!important;font-size:12px!important}.project-report{break-before:page}.project-report-summary{border-bottom:1px solid var(--line);border-top:1px solid var(--line);gap:8px;margin:16px 0;padding:14px 0;display:grid}.project-report-summary p{margin:0}.project-report-planning{gap:10px;margin-bottom:18px;display:grid}.project-report-planning h3{margin:0;font-size:15px}.project-report-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.project-report-grid h3{margin:0 0 10px;font-size:15px}.project-report-grid table{min-width:100%}.item-list{gap:10px;display:grid}.list-button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;gap:4px;min-height:62px;padding:12px;display:grid}.list-button:hover{border-color:var(--teal)}.list-button span{color:var(--muted);font-size:13px}.segmented{background:var(--panel-soft);border-radius:8px;padding:4px}.segmented button{background:0 0;border:0;border-radius:6px;min-height:32px;padding:0 12px}.segmented button.active{background:#fff;box-shadow:0 1px 8px #16201d1f}.tag-list{flex-wrap:wrap;gap:8px;display:flex}.tag-list span{background:var(--panel-soft);border:1px solid var(--line);border-radius:999px;padding:8px 11px}.settings-list{gap:10px;display:grid}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.settings-editor{border:1px solid var(--line);border-radius:8px;gap:12px;padding:14px;display:grid}.section-heading.compact{margin-bottom:0}.section-heading.compact h3{margin:0;font-size:15px}.settings-tags{flex-wrap:wrap;gap:8px;display:flex}.settings-tags>span{background:var(--panel-soft);border:1px solid var(--line);border-radius:999px;align-items:center;gap:7px;min-height:32px;padding:4px 5px 4px 11px;display:inline-flex}.settings-tags button{border:1px solid var(--line);color:var(--red);background:#fff;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.settings-tags button:disabled{color:var(--muted);cursor:not-allowed;opacity:.5}.settings-add{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.print-only{display:none}.print-meta{border:1px solid var(--line);border-left:5px solid var(--teal);border-radius:8px;grid-template-columns:minmax(180px,1fr) minmax(280px,2fr) auto;gap:14px;margin-bottom:18px;padding:14px}.print-meta>div:first-child{gap:4px;display:grid}.print-meta strong{font-size:18px}.print-meta span,.print-meta dd{color:var(--muted)}.print-meta dl{gap:6px;margin:0;display:grid}.print-meta dl div{grid-template-columns:92px minmax(0,1fr);gap:8px;display:grid}.print-meta dt{color:var(--ink);font-weight:800}.print-meta dd{margin:0}.print-legend{align-content:start;gap:6px;display:grid}.print-legend span{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.legend-dot{border-radius:999px;width:9px;height:9px;display:inline-block}.legend-dot.groen,.legend-dot.klaar{background:var(--green)}.legend-dot.oranje{background:var(--amber)}.legend-dot.rood{background:var(--red)}.backup-actions{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:14px;display:grid}.backup-restore{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.check-row{color:var(--green);background:#f2f8f5;border-color:#cee4d8}.toast{background:var(--sidebar);color:#fff;z-index:10;border-radius:8px;padding:12px 16px;position:fixed;bottom:18px;right:18px}@media (max-width:980px){.sidebar{grid-template-columns:1fr;align-content:start;position:static}.sidebar nav{grid-column:auto}.sidebar-note{justify-self:start}.content-grid,.editor-grid,.metric-grid,.report-grid,.report-facts,.report-filters,.filters,.filters.four,.dashboard-filters,.planning-filters,.planning-summary,.detail-grid,.project-report-grid,.settings-grid{grid-template-columns:1fr}.content-grid>*,.workspace{min-width:0}.topbar{align-items:flex-start;gap:12px;display:grid}.phase-row,.phase-create,.phase-document-create,.task-row,.task-create,.comparison-row,.backup-actions,.backup-restore,.settings-add{grid-template-columns:1fr}.inline-check{width:38px}}@media print{.sidebar,.topbar,.topbar-actions,.filters,.form-stack,.toast,.btn,.icon-button,.screen-only{display:none!important}.print-only{display:grid!important}html,body,.app-shell{background:#fff!important}.app-shell,.workspace,.content-grid,.report-page{display:block}.panel,.metric{box-shadow:none;break-inside:avoid}.content-grid,.report-page{padding:0}.panel{border-color:#cfd8d3;margin-bottom:10mm;padding:12px}.report-cover,.planning-panel{border-top:4px solid var(--teal);margin:0 0 10mm}.section-heading{margin-bottom:10px}.section-heading h2{font-size:16px}.print-meta{break-inside:avoid;grid-template-columns:1.1fr 2fr auto}.metric{padding:10px}.metric span{font-size:10px}.metric strong{font-size:20px}.report-grid,.report-facts{grid-template-columns:repeat(4,1fr)}.report-timeline,.timeline,.table-wrap{overflow:visible}.timeline{gap:8px;--timeline-min-width:100%!important}.timeline-head,.timeline-row{min-width:100%}.timeline-head,.report-timeline-head{grid-template-columns:repeat(var(--timeline-columns,9), minmax(0, 1fr))}.timeline-head span,.report-timeline-head span{padding-left:3px}.timeline-row.phase{grid-template-columns:42mm minmax(0,1fr);min-width:100%}.phase-line,.report-line{min-width:0}.bar,.report-bar{padding:0 4px;font-size:9px}.report-timeline-head,.report-timeline-group{min-width:100%}.report-phase-row{grid-template-columns:42mm minmax(0,1fr)}table{min-width:100%}@page{margin:12mm;size:A4 landscape}}