*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f7fb;color:#18202b}.sidebar{position:fixed;left:0;top:0;bottom:0;width:235px;background:#111827;color:#fff;padding:26px 18px;display:flex;flex-direction:column}.brand{font-size:23px;font-weight:800;padding:0 10px 30px}.brand span{font-weight:500;opacity:.75}.sidebar nav{display:grid;gap:7px}.sidebar a{color:#cbd5e1;text-decoration:none;padding:12px 13px;border-radius:10px}.sidebar a:hover{background:#1f2937;color:#fff}.side-bottom{margin-top:auto}.main{margin-left:235px}.topbar{height:70px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:flex-end;padding:0 35px}.content{padding:32px;max-width:1400px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.page-head h1{margin:0 0 6px;font-size:30px}.page-head p,.muted{color:#6b7280;margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat,.panel{background:#fff;border:1px solid #e5e7eb;border-radius:15px;box-shadow:0 2px 8px rgba(15,23,42,.04)}.stat{padding:22px}.stat span,.stat small{display:block;color:#6b7280}.stat b{display:block;font-size:32px;margin:9px 0}.panel{padding:24px;margin-top:22px}.panel h2{margin-top:0}.grid2{display:grid;grid-template-columns:380px 1fr;gap:22px}.quick{display:flex;gap:12px;flex-wrap:wrap}.quick a{padding:14px 17px;border:1px solid #e5e7eb;border-radius:10px;text-decoration:none;color:#111827}.btn{display:inline-block;border:1px solid #d1d5db;background:#fff;color:#111827;padding:10px 15px;border-radius:9px;text-decoration:none;cursor:pointer}.btn.primary{background:#111827;color:#fff;border-color:#111827}.btn.full{width:100%}form{display:grid;gap:14px}label{font-size:14px;font-weight:600;color:#374151;display:grid;gap:7px}input,select,textarea{font:inherit;padding:11px 12px;border:1px solid #d1d5db;border-radius:9px;background:#fff;color:#111827}textarea{min-height:90px;resize:vertical}.check{display:flex;align-items:center;grid-template-columns:auto 1fr;gap:8px}.check input{width:auto}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid #eef0f3;white-space:nowrap}th{font-size:12px;text-transform:uppercase;color:#6b7280}.badge{padding:5px 9px;border-radius:99px;font-size:12px}.badge.ok{background:#dcfce7;color:#166534}.badge.off{background:#f3f4f6;color:#6b7280}.actions a{margin-left:8px;text-decoration:none}.danger{color:#b91c1c}.total td{font-weight:800}.notice{padding:13px 15px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:9px;margin-bottom:18px}.month-form{display:flex;gap:8px;align-items:center}.login-page{min-height:100vh;display:grid;place-items:center;background:#111827}.login-card{background:#fff;width:min(430px,92vw);padding:38px;border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.2)}.login-card .brand{color:#111827;padding:0 0 15px}.brand.big{font-size:30px}.login-card h1{margin:8px 0}.login-card form{margin-top:25px}.alert{background:#fee2e2;color:#991b1b;padding:11px;border-radius:9px;margin:15px 0}.hint{font-size:12px;color:#9ca3af;margin-top:20px}@media(max-width:900px){.sidebar{position:static;width:auto;height:auto}.sidebar nav{display:flex;overflow:auto}.side-bottom{display:none}.main{margin-left:0}.cards{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.content{padding:20px}}@media(max-width:520px){.cards{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.topbar{padding:0 20px}}
.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px}.toolbar input{min-width:220px}.small{font-size:12px;color:#6b7280}.actions{white-space:nowrap}

/* WK Agency – Blue Admin Theme */
:root{
  --wk-blue:#1769e0;
  --wk-blue-dark:#0b3f91;
  --wk-blue-soft:#eaf2ff;
  --wk-border:#d9e3f2;
  --wk-text:#172033;
}
body{color:var(--wk-text)}
.sidebar,.side-nav,.nav,.navbar{border-color:var(--wk-border)}
.brand span,.sidebar a.active,.nav a.active{color:var(--wk-blue)!important}
.btn.primary,.btn-primary,button.primary{background:var(--wk-blue)!important;border-color:var(--wk-blue)!important;color:#fff!important}
.btn.primary:hover,.btn-primary:hover,button.primary:hover{background:var(--wk-blue-dark)!important;border-color:var(--wk-blue-dark)!important}
a{color:var(--wk-blue)}
a:hover{color:var(--wk-blue-dark)}
.panel,.card,.stat{border-color:var(--wk-border)}
.badge.ok{background:var(--wk-blue-soft);color:var(--wk-blue-dark)}
input:focus,select:focus,textarea:focus{border-color:var(--wk-blue)!important;box-shadow:0 0 0 3px rgba(23,105,224,.12)!important;outline:none}
table th{background:var(--wk-blue-soft)}
.login-card .brand{color:var(--wk-blue)}
.login-card .btn.primary{box-shadow:0 6px 18px rgba(23,105,224,.22)}

/* Seasonal admin backgrounds */
body.wk-bg-standard{background:#f4f7fb}
body.wk-bg-spring{background:linear-gradient(135deg,#f4fbf4 0%,#eaf7ff 48%,#fff6fb 100%)}
body.wk-bg-summer{background:linear-gradient(135deg,#fffaf0 0%,#eaf7ff 52%,#f6fbff 100%)}
body.wk-bg-autumn{background:linear-gradient(135deg,#fff8ef 0%,#f7efe6 50%,#f3f6fb 100%)}
body.wk-bg-winter{background:linear-gradient(135deg,#eef6ff 0%,#f8fbff 50%,#edf2f8 100%)}
.bg-picker{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:14px}
.bg-option{display:block;border:2px solid #d9e3f2;border-radius:14px;padding:0;overflow:hidden;background:#fff;cursor:pointer;text-align:left}
.bg-option.selected{border-color:#1769e0;box-shadow:0 0 0 3px rgba(23,105,224,.12)}
.bg-preview{height:90px}
.bg-standard{background:#f4f7fb}.bg-spring{background:linear-gradient(135deg,#f4fbf4,#eaf7ff,#fff6fb)}
.bg-summer{background:linear-gradient(135deg,#fffaf0,#eaf7ff,#f6fbff)}
.bg-autumn{background:linear-gradient(135deg,#fff8ef,#f7efe6,#f3f6fb)}
.bg-winter{background:linear-gradient(135deg,#eef6ff,#f8fbff,#edf2f8)}
.bg-label{display:block;padding:10px;font-weight:600}
@media(max-width:800px){.bg-picker{grid-template-columns:repeat(2,1fr)}}

/* WK Agency seasonal photo backgrounds */
body.wk-bg-standard{background:#f4f7fb}
body.wk-bg-spring,body.wk-bg-summer,body.wk-bg-autumn,body.wk-bg-winter{
  background-size:cover;background-position:center center;background-attachment:fixed;
  background-repeat:no-repeat;
}
body.wk-bg-spring{background-image:linear-gradient(rgba(255,255,255,.72),rgba(255,255,255,.78)),url('/assets/backgrounds/spring.jpg')}
body.wk-bg-summer{background-image:linear-gradient(rgba(255,255,255,.70),rgba(255,255,255,.78)),url('/assets/backgrounds/summer.jpg')}
body.wk-bg-autumn{background-image:linear-gradient(rgba(255,255,255,.72),rgba(255,255,255,.80)),url('/assets/backgrounds/autumn.jpg')}
body.wk-bg-winter{background-image:linear-gradient(rgba(255,255,255,.72),rgba(255,255,255,.80)),url('/assets/backgrounds/winter.jpg')}

.bg-preview{position:relative;overflow:hidden;background-size:cover!important;background-position:center!important}
.bg-preview img{display:block;width:100%;height:100%;object-fit:cover}

/* V40 FIX 2 – always visible logout */
.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px}
.top-actions{margin-left:auto}
.logout-button,.sidebar-logout{display:inline-flex!important;align-items:center;justify-content:center;text-decoration:none!important;font-weight:700;cursor:pointer}
.logout-button{padding:9px 16px;border-radius:7px;background:#c62828!important;color:#fff!important;border:1px solid #a61f1f}
.logout-button:hover{background:#a61f1f!important;color:#fff!important}
.sidebar-logout{margin:14px 12px 0;padding:10px 12px;border-radius:7px;background:#c62828!important;color:#fff!important}
.sidebar-logout:hover{background:#a61f1f!important;color:#fff!important}

.nav-bewerber{font-weight:800!important;border:2px solid currentColor!important;margin-top:4px;margin-bottom:4px}