:root{--orange:#ff5b0b;--gun:#0d1418;--panel:#171f24;--panel2:#1b2429;--bg:#11191e;--line:#344047;--muted:#aab1b5}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,"Segoe UI",Arial,sans-serif;background:var(--bg);color:#edf0f1}a{color:var(--orange);text-decoration:none}aside{position:fixed;left:0;top:0;bottom:0;width:265px;background:#0b1115;padding:26px 28px;color:#fff;border-right:1px solid #2c363c}aside img{width:165px;margin:0 10px 30px}aside nav a{display:block;color:#d4d9dc;padding:11px 13px;margin:3px 0;border-radius:3px}aside nav a:hover,aside nav a:first-child{color:#fff;background:linear-gradient(90deg,var(--orange),#ff6d22)}.admin-main{margin-left:265px}.admin-main>header{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;padding:0 38px;background:#0f161a}.admin-main>header b{font-size:13px}.userdot{font-size:20px;margin-right:10px}.admin-wrap{padding:28px 36px;max-width:1300px}.titlebar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.titlebar h1{font-size:30px;margin:0}.titlebar p{margin:4px 0;color:var(--muted)}.primary,button{background:var(--orange);border:0;padding:11px 16px;color:#fff;font-weight:800;cursor:pointer;display:inline-block;border-radius:2px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:18px}.stats>div,.panel{background:var(--panel);border:1px solid var(--line);padding:22px}.stats span{color:#d4d8da}.stats b{display:block;font-size:38px;font-weight:400}.panel h2{margin-top:0;color:#fff}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #303a40;font-size:13px}th{color:#fff}td{color:#cbd1d4}.status{background:#234f36;color:#c9f3d6;padding:4px 7px;border-radius:3px;font-size:11px}.editor{display:grid;grid-template-columns:1fr 280px;gap:22px}.editor-main{background:var(--panel);border:1px solid var(--line);padding:24px}label{font-weight:750;font-size:14px;display:block;margin-bottom:20px}input,textarea,select{width:100%;margin-top:7px;padding:11px;border:1px solid #455159;background:#10171b;color:#fff;font:inherit}textarea.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.55}.editor-side .panel{position:sticky;top:90px}.editor-side button{width:100%}.success{background:#183c29;border:1px solid #2e7049;padding:12px;margin-bottom:20px}.login{min-height:100vh;background:#0b1115;display:grid;place-items:center}.login-card{width:min(420px,calc(100% - 30px));background:var(--panel);border:1px solid var(--line);padding:38px}.login-card img{width:200px;margin-bottom:25px}.login-card h1{margin-top:0}.login-card button{width:100%;margin-bottom:18px}.error{background:#52251d;padding:10px;margin-bottom:15px;border:1px solid #8b4233}@media(max-width:800px){aside{position:static;width:auto}aside nav{display:flex;overflow:auto}.admin-main{margin:0}.admin-main>header{display:none}.editor{grid-template-columns:1fr}.admin-wrap{padding:20px}.stats{grid-template-columns:1fr}}

.header-upload{border:1px solid #3a464d;background:#11191e;padding:18px;margin:0 0 22px}.header-upload-title{display:flex;flex-direction:column;margin-bottom:13px}.header-upload-title small,.header-upload>small{color:var(--muted);font-weight:400}.header-preview{height:190px;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:18px;margin:10px 0 14px;border:1px solid #47535a}.header-preview span{font-size:24px;font-weight:850;text-shadow:0 2px 12px #000}.header-upload label{margin-top:14px;margin-bottom:8px}.header-upload .check{display:flex;align-items:center;gap:8px;font-weight:500;color:#d8dcde}.header-upload .check input{width:auto;margin:0}.header-upload input[type=file]{padding:8px}.header-upload input[type=file]::file-selector-button{background:#273238;color:#fff;border:0;padding:8px 12px;margin-right:10px;cursor:pointer}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}.settings-grid>.panel{padding:18px}.link-row{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px;margin-bottom:10px}.link-row input{margin-top:0}@media(max-width:900px){.settings-grid,.link-row{grid-template-columns:1fr}}

.menu-help{display:flex;flex-direction:column;gap:4px;margin-bottom:18px;color:var(--muted)}.menu-help strong{color:#fff;font-size:18px}.menu-help code{color:#fff}.menu-row{display:grid;grid-template-columns:90px 1fr 1.4fr 210px;gap:12px;align-items:end;padding:14px 0;border-bottom:1px solid #303a40}.menu-row label{margin:0}.menu-options{display:flex;align-items:center;gap:10px;min-height:44px}.menu-options .check{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;white-space:nowrap}.menu-options .check input{width:auto;margin:0}.remove-row{background:#34201d;color:#ff9b79;font-size:20px;padding:6px 11px}.secondary{margin-top:18px;background:#273238;color:#fff;border:1px solid #46545c}.menu-order input{text-align:center}@media(max-width:1050px){.menu-row{grid-template-columns:80px 1fr 1fr}.menu-options{grid-column:2/4}}@media(max-width:700px){.menu-row{grid-template-columns:1fr}.menu-options{grid-column:auto;flex-wrap:wrap}}

/* Submenu keuze in header-menu beheer */
.menu-row{grid-template-columns:78px 1fr 1.25fr 1fr 220px}.menu-row select{margin-top:7px}.menu-row[data-menu-id]>.menu-options{align-self:end}@media(max-width:1150px){.menu-row{grid-template-columns:78px 1fr 1fr}.menu-row>div:nth-of-type(4){grid-column:2/4}.menu-options{grid-column:2/4}}@media(max-width:700px){.menu-row,.menu-row>div:nth-of-type(4){grid-template-columns:1fr;grid-column:auto}.menu-options{grid-column:auto}}

/* Direct openen van openbare pagina's vanuit het beheer */
.table-actions,.title-actions{display:flex;align-items:center;gap:14px;white-space:nowrap}.view-link{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid #53616a;border-radius:2px;color:#fff;background:#273238;font-weight:800}.view-link:hover{border-color:var(--orange);color:var(--orange)}@media(max-width:800px){.titlebar{align-items:flex-start;gap:15px}.title-actions{align-items:flex-end;flex-direction:column}.panel{overflow-x:auto}}

/* Downloadbeheer */
.download-upload{max-width:760px;margin-bottom:22px}.download-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.download-upload input[type=file]{padding:8px}.download-upload input[type=file]::file-selector-button{background:#273238;color:#fff;border:0;padding:8px 12px;margin-right:10px;cursor:pointer}.download-help{color:var(--muted);font-size:13px;line-height:1.55;margin:0 0 18px}.download-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.download-actions a,.download-actions button{font-size:12px;padding:7px 10px}.download-actions form{margin:0}.download-copy{background:#273238;border:1px solid #53616a}.download-delete{background:#52251d;border:1px solid #8b4233}.download-url{display:block;max-width:430px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bfc6ca;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;margin-top:5px}.empty-state{color:var(--muted);margin:0}.file-size{white-space:nowrap}@media(max-width:800px){.download-upload-grid{grid-template-columns:1fr}.download-url{max-width:260px}}

/* Pagina-acties */
.status-draft{background:#4b3d22;color:#ffe1a0}.content-action-form{display:inline-flex;margin:0}.content-action{padding:7px 10px;font-size:12px;line-height:1.2}.content-toggle{background:#273238;border:1px solid #53616a}.content-toggle.activate{background:#234f36;border:1px solid #3c7952}.content-delete{background:#52251d;border:1px solid #8b4233}.system-lock{display:inline-block;color:var(--muted);font-size:11px;white-space:normal;max-width:150px}

/* SQL uitvoeren */
.sql-warning{max-width:780px;margin-bottom:22px;padding:20px 22px;background:#4b2d18;border:1px solid #a45a26;color:#ffe0c2}.sql-warning strong{font-size:17px;color:#fff}.sql-warning p{margin:6px 0 0}.sql-runner{max-width:780px}.sql-runner label{max-width:620px}.sql-runner small{display:block;margin-top:7px;color:var(--muted);font-weight:400}.sql-runner input[type=file]{padding:8px}.sql-runner input[type=file]::file-selector-button{background:#273238;color:#fff;border:0;padding:8px 12px;margin-right:10px;cursor:pointer}.sql-submit{background:#b34520;margin-top:4px}