:root{--achtergrond:#f4f5f9;--paneel:#fff;--paneel-licht:#f7f8fb;--rand:#e6e8f0;--rand-donker:#d3d7e3;--tekst:#14162b;--tekst-zacht:#667085;--accent:#4f46e5;--accent-donker:#4338ca;--accent-licht:#eef1ff;--accent-gradient:linear-gradient(135deg,#6366f1,#4f46e5 55%,#4338ca);--groen:#12915a;--groen-licht:#e9f9f0;--oranje:#c77b09;--oranje-licht:#fff7e8;--rood:#d92d20;--rood-licht:#fef1f0;--zijbalk:#0e1020;--zijbalk-tekst:#8f96a8;--schaduw:0 1px 2px rgba(16,18,40,.04),0 6px 24px rgba(16,18,40,.05);--schaduw-zweef:0 2px 4px rgba(16,18,40,.06),0 12px 32px rgba(16,18,40,.09)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--achtergrond);color:var(--tekst);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12px;background:var(--paneel-licht);padding:1px 6px;border-radius:6px;border:1px solid var(--rand)}::selection{background:var(--accent-licht)}.app{display:flex;min-height:100vh}.zijbalk{width:224px;flex-shrink:0;background:var(--zijbalk);color:var(--zijbalk-tekst);display:flex;flex-direction:column;padding:20px 13px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.zijbalk .logo{color:#fff;font-weight:700;font-size:15px;letter-spacing:.2px;padding:2px 10px 20px;display:flex;align-items:center;gap:10px}.zijbalk .logo .bol{width:30px;height:30px;border-radius:9px;background:var(--accent-gradient);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:14px;box-shadow:0 4px 14px rgba(99,102,241,.45)}.zijbalk nav{display:flex;flex-direction:column;gap:3px}.zijbalk nav a{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:9px;color:var(--zijbalk-tekst);font-weight:500;font-size:13.5px;transition:background .12s,color .12s}.zijbalk nav a:hover{background:hsla(0,0%,100%,.06);color:#fff;text-decoration:none}.zijbalk nav a.actief{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 14px rgba(79,70,229,.35)}.zijbalk nav a svg{width:17px;height:17px;flex-shrink:0}.zijbalk .onder{margin-top:auto;font-size:11.5px;padding:12px 10px 0;color:#565d70;white-space:pre-line;border-top:1px solid hsla(0,0%,100%,.07)}.taalschakelaar{display:flex;gap:4px;margin:14px 10px 0;background:hsla(0,0%,100%,.06);border-radius:8px;padding:3px}.taalschakelaar button{flex:1 1;background:transparent;border:none;color:var(--zijbalk-tekst);font-size:12px;font-weight:650;padding:5px 0;border-radius:6px;cursor:pointer}.taalschakelaar button.actief{background:#fff;color:var(--zijbalk)}.inhoud{flex:1 1;min-width:0;padding:28px 34px 90px;max-width:1280px}.kop{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.kop h1{font-size:21px;margin:0;font-weight:750;letter-spacing:-.3px}.kop .sub{color:var(--tekst-zacht);font-size:13px;margin-top:3px}.paneel{background:var(--paneel);border:1px solid var(--rand);border-radius:14px;padding:20px 22px;margin-bottom:16px;box-shadow:var(--schaduw)}.paneel h2{font-size:14.5px;margin:0 0 14px;display:flex;gap:9px;flex-wrap:wrap}.paneel h2,.paneel h2 .stapnr{font-weight:700;align-items:center}.paneel h2 .stapnr{display:inline-flex;justify-content:center;background:var(--accent-gradient);color:#fff;border-radius:999px;width:23px;height:23px;font-size:12px;box-shadow:0 3px 10px rgba(79,70,229,.3)}.paneel h2 .sub{font-weight:450;color:var(--tekst-zacht);font-size:13px}label.veld{display:block;margin-bottom:12px}label.veld span.naam{display:block;font-size:12px;color:var(--tekst-zacht);margin-bottom:5px;font-weight:600;letter-spacing:.1px}input[type=date],input[type=number],input[type=password],input[type=search],input[type=text],input[type=time],select,textarea{width:100%;background:#fff;color:var(--tekst);border:1px solid var(--rand-donker);border-radius:9px;padding:8px 12px;font:inherit;transition:border-color .12s,box-shadow .12s}textarea{resize:vertical;min-height:58px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3.5px rgba(79,70,229,.13)}.rij{display:flex;gap:14px;flex-wrap:wrap}.rij>*{flex:1 1;min-width:170px}button{background:#fff;color:var(--tekst);border:1px solid var(--rand-donker);border-radius:9px;padding:8px 16px;font:inherit;font-weight:600;cursor:pointer;transition:border-color .12s,box-shadow .12s,transform .08s,background .12s}button:hover{border-color:var(--tekst-zacht);box-shadow:var(--schaduw)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}button.primair{background:var(--accent-gradient);border:none;color:#fff;padding:9px 17px;box-shadow:0 4px 14px rgba(79,70,229,.32)}button.primair:hover{filter:brightness(1.06);box-shadow:0 6px 20px rgba(79,70,229,.42)}button.klein{padding:5px 12px;font-size:12.5px}button.stil{border-color:transparent;background:transparent;color:var(--tekst-zacht);box-shadow:none}button.stil:hover{background:var(--paneel-licht);border-color:transparent}.spinner{display:inline-block;width:14px;height:14px;border-radius:999px;border:2px solid hsla(0,0%,100%,.35);border-top-color:#fff;animation:draai .7s linear infinite;vertical-align:-2px;margin-right:7px}.spinner.donker{border-color:rgba(20,22,43,.2);border-top-color:var(--accent)}@keyframes draai{to{transform:rotate(1turn)}}.pil{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:650;background:var(--paneel-licht);color:var(--tekst-zacht)}.pil.groen{background:var(--groen-licht);color:var(--groen)}.pil.oranje{background:var(--oranje-licht);color:var(--oranje)}.pil.rood{background:var(--rood-licht);color:var(--rood)}.pil.blauw{background:var(--accent-licht);color:var(--accent)}.vlag{border-radius:3px;box-shadow:0 0 0 1px rgba(16,18,40,.12);vertical-align:-2px}.melding{border-radius:11px;padding:12px 15px;margin:10px 0;font-size:13.5px;line-height:1.5}.melding ul{margin:6px 0 0;padding-left:18px}.melding.fout{background:var(--rood-licht);border:1px solid #f7c6c2;color:#7a271a}.melding.waarschuwing{background:var(--oranje-licht);border:1px solid #f5dca9;color:#7a4d0b}.melding.ok{background:var(--groen-licht);border:1px solid #b8ecd0;color:#085d3a}table.lijst{width:100%;border-collapse:collapse;font-size:13.5px}table.lijst th{text-align:left;color:var(--tekst-zacht);font-weight:650;font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:8px 10px}table.lijst td,table.lijst th{border-bottom:1px solid var(--rand)}table.lijst td{padding:11px 10px;vertical-align:middle}table.lijst tr:last-child td{border-bottom:none}table.lijst tr.klikbaar{cursor:pointer}table.lijst tr.klikbaar:hover td{background:var(--paneel-licht)}.videorooster{display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));grid-gap:12px;gap:12px;margin-top:12px}.videokaart{border:2px solid var(--rand);border-radius:12px;overflow:hidden;cursor:pointer;background:#fff;position:relative;transition:border-color .12s,transform .12s,box-shadow .12s}.videokaart:hover{border-color:var(--rand-donker);transform:translateY(-2px);box-shadow:var(--schaduw-zweef)}.videokaart.gekozen{border-color:var(--accent);box-shadow:0 0 0 3.5px rgba(79,70,229,.15)}.videokaart img{object-fit:cover;display:block}.videokaart .leeg,.videokaart img{width:100%;aspect-ratio:9/14;background:var(--paneel-licht)}.videokaart .leeg{display:flex;align-items:center;justify-content:center;color:var(--tekst-zacht);font-size:11.5px}.videokaart .naam{font-size:11px;padding:6px 8px;color:var(--tekst-zacht);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top:1px solid var(--rand)}.videokaart .vink{position:absolute;top:7px;right:7px;background:var(--accent-gradient);color:#fff;width:22px;height:22px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:750;box-shadow:0 3px 10px rgba(79,70,229,.4)}.skelet{border-radius:12px;background:linear-gradient(100deg,var(--paneel-licht) 40%,#eef0f6 50%,var(--paneel-licht) 60%);background-size:200% 100%;animation:glinster 1.3s infinite;aspect-ratio:9/14}@keyframes glinster{to{background-position:-200% 0}}.marktrooster{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));grid-gap:11px;gap:11px}.marktvak{position:relative;display:flex;gap:11px;align-items:flex-start;border:1.5px solid var(--rand);border-radius:13px;padding:12px 13px;cursor:pointer;background:#fff;transition:border-color .12s,background .12s,box-shadow .12s,transform .1s}.marktvak:hover{border-color:var(--rand-donker);box-shadow:var(--schaduw-zweef);transform:translateY(-1px)}.marktvak.aan{border-color:var(--accent);background:var(--accent-licht)}.marktvak input{display:none}.marktvak .vlagblok{width:40px;height:40px;flex-shrink:0;border-radius:10px;background:var(--paneel-licht);border:1px solid var(--rand);display:flex;align-items:center;justify-content:center}.marktvak.aan .vlagblok{background:#fff}.marktvak .vlagblok .vlag{height:18px!important;width:24px!important}.marktvak .naam-regel{font-weight:650;font-size:13.5px;line-height:1.3}.marktvak .detail{font-size:11.5px;color:var(--tekst-zacht);margin-top:1px}.marktvak select{margin-top:8px;font-size:12px;padding:3.5px 7px}.marktvak .check{position:absolute;top:9px;right:9px;width:19px;height:19px;border-radius:999px;border:1.5px solid var(--rand-donker);display:flex;align-items:center;justify-content:center;font-size:11px;color:transparent;transition:all .12s;background:#fff}.marktvak.aan .check{background:var(--accent-gradient);border-color:transparent;color:#fff}.kopieerregel{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:6px 9px;border-radius:8px;cursor:pointer;font-size:13px;transition:background .1s}.kopieerregel:hover{background:var(--accent-licht)}.kopieerregel .nr{color:var(--tekst-zacht);font-weight:650;margin-right:7px}.kopieerregel .ikoontje{color:var(--tekst-zacht);font-size:12px;flex-shrink:0;opacity:0;transition:opacity .1s}.kopieerregel:hover .ikoontje{opacity:1}.kopieerregel.net-gekopieerd{background:var(--groen-licht)}.kopieerregel.net-gekopieerd .ikoontje{opacity:1;color:var(--groen)}.keuzerooster{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:18px;gap:18px;max-width:860px}.keuzekaart{background:var(--paneel);border:1.5px solid var(--rand);border-radius:18px;padding:28px;cursor:pointer;box-shadow:var(--schaduw);transition:transform .14s,box-shadow .14s,border-color .14s;display:flex;flex-direction:column;gap:14px}.keuzekaart:hover{transform:translateY(-4px);box-shadow:var(--schaduw-zweef);border-color:var(--rand-donker)}.keuzekaart .logo-vak{width:58px;height:58px;border-radius:15px;display:flex;align-items:center;justify-content:center}.keuzekaart.tiktok .logo-vak{background:#0f0f0f}.keuzekaart.meta .logo-vak{background:linear-gradient(135deg,#0668e1,#0080fb,#24a4ff)}.keuzekaart h3{margin:0;font-size:18px;font-weight:750;letter-spacing:-.3px}.keuzekaart ul{margin:0;padding-left:18px;color:var(--tekst-zacht);font-size:13px;line-height:1.8}.keuzekaart .actie{color:var(--accent);font-weight:650;font-size:13.5px;margin-top:auto}.tabbalk{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:13px}.tabbalk button{border-radius:999px;padding:5.5px 15px;font-size:13px;border-color:var(--rand);display:inline-flex;align-items:center;gap:7px}.tabbalk button.actief{background:var(--zijbalk);border-color:var(--zijbalk);color:#fff}.werkbalk{display:flex;gap:9px;align-items:center;flex-wrap:wrap;background:var(--paneel-licht);border:1px solid var(--rand);border-radius:11px;padding:9px 11px;margin-bottom:11px;font-size:12.5px}.werkbalk .scheiding{width:1px;height:20px;background:var(--rand-donker)}table.adtabel{width:100%;border-collapse:collapse;font-size:13px}table.adtabel th{text-align:left;color:var(--tekst-zacht);font-weight:650;font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:7px 8px}table.adtabel td,table.adtabel th{border-bottom:1px solid var(--rand)}table.adtabel td{padding:8px;vertical-align:top}table.adtabel tr:last-child td{border-bottom:none}table.adtabel td.mini{width:52px}table.adtabel td.mini img{object-fit:cover;display:block}table.adtabel td.mini .leeg,table.adtabel td.mini img{width:44px;aspect-ratio:9/14;border-radius:7px;background:var(--paneel-licht)}table.adtabel textarea{min-height:44px;font-size:13px}table.adtabel input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px}.teller{font-size:11.5px;color:var(--tekst-zacht);text-align:right;margin-top:2px}.teller.over{color:var(--rood);font-weight:650}.voortgang{height:10px;background:var(--rand);border-radius:999px;overflow:hidden;margin:12px 0}.voortgang>div{height:100%;background:var(--accent-gradient);transition:width .5s ease;position:relative;border-radius:999px}.voortgang>div:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,hsla(0,0%,100%,.4) 50%,transparent 70%);background-size:200% 100%;animation:glinster 1.4s infinite}.voortgang-kop{display:flex;justify-content:space-between;align-items:baseline}.voortgang-pct{font-size:26px;font-weight:800;letter-spacing:-.5px}.voortgang-pct small{font-size:13px;color:var(--tekst-zacht);font-weight:500;margin-left:7px}.uploadbalk{margin:8px 0}.uploadbalk .naam{font-size:12.5px;margin-bottom:4px;display:flex;justify-content:space-between;color:var(--tekst-zacht)}.uploadbalk .balk{height:7px;background:var(--rand);border-radius:999px;overflow:hidden}.uploadbalk .balk>div{height:100%;background:var(--accent-gradient);transition:width .25s;border-radius:999px}.stappenlijst{font-size:13px;max-height:430px;overflow-y:auto;padding:2px 4px 8px 34px}.stappenlijst .stap{display:flex;gap:10px;padding:6.5px 0;border-bottom:1px solid var(--rand);align-items:baseline}.stappenlijst .stap:last-child{border-bottom:none}.stappenlijst .status{width:96px;flex-shrink:0}.voortgangkaart .voortgang{margin:14px 0}.nubezig{display:flex;align-items:flex-start;gap:9px;margin:4px 0 14px;font-size:13px;color:var(--tekst-zacht)}.nubezig-label{flex-shrink:0;font-weight:600;padding-top:1px}.nubezig-chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;background:var(--accent-licht);color:var(--accent);border-radius:7px;padding:3px 9px;font-size:12px;font-weight:600;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip.zacht{background:var(--paneel-licht);color:var(--tekst-zacht)}.platformbol{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px;flex-shrink:0}.platformbol.tiktok{background:#0f0f0f}.platformbol.meta{background:linear-gradient(135deg,#0668e1,#0080fb,#24a4ff)}.groepenlijst{display:flex;flex-direction:column;gap:4px}.groep{border:1px solid var(--rand);border-radius:11px;overflow:hidden}.groep-kop{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;background:var(--paneel-licht);transition:background .1s}.groep-kop:hover{background:#eef0f7}.groep-pijl{color:var(--tekst-zacht);font-size:16px;font-weight:700;transition:transform .15s;width:12px;text-align:center;flex-shrink:0}.groep-naam{font-weight:650;font-size:13.5px;flex-shrink:0}.groep-telling{font-size:12px;color:var(--tekst-zacht);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex-shrink:0}.groep-balkje{flex:1 1;height:6px;background:var(--rand);border-radius:999px;overflow:hidden;margin-left:4px}.groep-balkje>div{height:100%;border-radius:999px;transition:width .4s;background:var(--accent)}.groep-balkje>div.klaar{background:var(--groen)}.groep-balkje>div.fout{background:var(--rood)}.groep-balkje>div.bezig{background:var(--accent-gradient)}.statrooster{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:13px;gap:13px;margin-bottom:18px}.stat{background:var(--paneel);border:1px solid var(--rand);border-radius:14px;padding:15px 18px;box-shadow:var(--schaduw)}.stat .label{font-size:11px;color:var(--tekst-zacht);font-weight:650;text-transform:uppercase;letter-spacing:.5px}.stat .waarde{font-size:24px;font-weight:800;margin-top:3px;letter-spacing:-.5px}.inlog-omslag{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(90rem 50rem at 20% -10%,#232858 0,var(--zijbalk) 55%);padding:20px}.inlog{background:var(--paneel);border-radius:16px;padding:32px 30px;width:100%;max-width:370px;box-shadow:0 24px 80px rgba(0,0,0,.45)}.inlog h2{margin:0 0 4px;font-size:19px;letter-spacing:-.3px}.inlog .sub{color:var(--tekst-zacht);font-size:13px;margin-bottom:18px}@media (max-width:880px){.app{flex-direction:column}.zijbalk{width:100%;height:auto;position:static;flex-direction:row;align-items:center;overflow-x:auto;padding:10px}.zijbalk .logo{padding:0 12px 0 4px}.zijbalk nav{flex-direction:row}.zijbalk .onder,.zijbalk .taalschakelaar{display:none}.inhoud{padding:18px 14px 70px}}