/*
Theme Name: KHN Backoffice
Author: KlusHulp Noord
Description: Complete app-style backoffice theme for KlusHulp Noord.
Version: 1.0.0
Requires at least: 6.0
*/
:root{--gold:#ffbd00;--black:#090909;--bg:#f3f3f0;--card:#fff;--text:#161616;--muted:#777;--border:#dedede}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit}.khn-shell{min-height:100vh}.khn-sidebar{position:fixed;left:0;top:0;bottom:0;width:255px;background:var(--black);color:#fff;padding:20px 15px;z-index:50;overflow:auto}.khn-brand{display:flex;gap:11px;align-items:center;padding:5px 9px 22px;border-bottom:1px solid #292929}.khn-logo{width:43px;height:43px;border-radius:12px;background:var(--gold);color:#111;display:grid;place-items:center;font-size:11px;font-weight:1000}.khn-brand strong{display:block}.khn-brand small{color:#aaa}.khn-nav-title{font-size:10px;letter-spacing:.16em;color:#777;font-weight:900;margin:21px 9px 7px}.khn-nav a{display:block;padding:11px 12px;color:#d3d3d3;border-radius:9px;margin:3px 0;font-weight:800}.khn-nav a:hover,.khn-nav a.active{background:#1d1d1d;color:#fff}.khn-nav a.active{box-shadow:inset 3px 0 var(--gold)}
.khn-main{margin-left:255px;min-height:100vh}.khn-topbar{height:70px;background:#fff;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 30px;position:sticky;top:0;z-index:40}.khn-topbar h1{font-size:20px;margin:0}.khn-user{font-weight:800}.khn-content{max-width:1550px;margin:auto;padding:28px}.khn-hero{background:linear-gradient(135deg,#050505,#1a1a1a);color:#fff;border-bottom:5px solid var(--gold);border-radius:16px;padding:30px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.khn-eyebrow{color:var(--gold);font-size:11px;font-weight:1000;letter-spacing:.16em}.khn-hero h2{font-size:35px;margin:7px 0}.khn-hero p{color:#ccc;margin:0}.khn-version{border:1px solid #665400;color:var(--gold);border-radius:99px;padding:9px 13px;font-size:11px;font-weight:900}.khn-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.khn-stat{background:#fff;border:1px solid var(--border);border-top:5px solid var(--gold);border-radius:14px;padding:20px}.khn-stat .icon{font-size:23px}.khn-stat small{display:block;color:#777;font-weight:900;margin-top:8px}.khn-stat strong{display:block;font-size:34px;margin:5px 0 10px}.khn-stat a{font-weight:850;color:#725500}.khn-columns{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-top:18px}.khn-panel{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px}.khn-panel h2{margin:0 0 16px}.khn-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.khn-action{background:#f3f3ef;padding:14px;border-radius:9px;font-weight:850}.khn-action:hover{background:var(--gold)}.khn-list{display:grid}.khn-list-item{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #eee}.khn-list-item:last-child{border-bottom:0}.khn-badge{font-size:11px;font-weight:900;border-radius:99px;background:#eee;padding:5px 9px}.khn-badge.gold{background:#fff1b5}.khn-button{display:inline-block;background:var(--gold);color:#111;border-radius:9px;padding:11px 16px;font-weight:900}.khn-page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.khn-table-wrap{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:auto}.khn-table{width:100%;border-collapse:collapse}.khn-table th,.khn-table td{text-align:left;padding:14px;border-bottom:1px solid #eee}.khn-table th{font-size:10px;letter-spacing:.1em;color:#777}.khn-empty{background:#fff;border:1px dashed #ccc;border-radius:12px;padding:35px;text-align:center;color:#777}.khn-footer{padding:25px;color:#888;font-size:12px}.khn-mobile{display:none}
@media(max-width:1050px){.khn-stats{grid-template-columns:1fr 1fr}.khn-columns{grid-template-columns:1fr}}
@media(max-width:700px){.khn-sidebar{display:none}.khn-main{margin-left:0;padding-bottom:70px}.khn-content{padding:18px}.khn-topbar{padding:0 18px}.khn-hero{display:block}.khn-version{display:inline-block;margin-top:15px}.khn-stats{grid-template-columns:1fr 1fr}.khn-actions{grid-template-columns:1fr}.khn-mobile{display:grid;position:fixed;bottom:0;left:0;right:0;height:66px;background:#090909;grid-template-columns:repeat(5,1fr);z-index:100}.khn-mobile a{color:#aaa;text-align:center;font-size:10px;font-weight:800;padding-top:9px}.khn-mobile span{display:block;font-size:18px;margin-bottom:3px}.khn-mobile a.active{color:var(--gold)}}
@media(max-width:450px){.khn-stats{grid-template-columns:1fr}.khn-hero h2{font-size:27px}}