:root{--bg:#f3f5f7;--panel:#fff;--nav:#243447;--nav2:#1b2838;--text:#1f2937;--muted:#6b7280;--line:#d7dee8;--accent:#2563eb;--danger:#b91c1c;--ok:#166534;--warn:#92400e}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.admin-wrapper{display:flex;min-height:100vh}.admin-nav{width:280px;background:var(--nav);color:#fff;padding:18px;flex:0 0 280px}.admin-nav .brand{font-size:20px;font-weight:700;margin-bottom:10px}.small,.muted{font-size:13px;color:var(--muted)}.admin-nav .small{color:#cbd5e1;margin-bottom:18px}.admin-nav ul{list-style:none;padding:0;margin:0}.admin-nav li{margin:4px 0}.admin-nav a{display:block;color:#fff;padding:9px 10px;border-radius:9px}.admin-nav a:hover{background:var(--nav2);text-decoration:none}.admin-content{flex:1;padding:28px;max-width:calc(100vw - 280px)}h1{margin-top:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;margin:0 0 18px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.card h3{margin-top:0}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#eef2f7;font-weight:700}.table-wrap{overflow-x:auto}.button,button,input[type=submit]{display:inline-block;background:var(--accent);color:#fff!important;border:0;border-radius:9px;padding:9px 12px;cursor:pointer;text-decoration:none;font-size:14px}.button.secondary{background:#475569}.button.danger,button.danger{background:var(--danger)}form label{display:block;font-weight:650;margin:10px 0 5px}input,select,textarea{width:100%;max-width:900px;padding:9px;border:1px solid var(--line);border-radius:9px;background:#fff}textarea{min-height:110px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.alert{padding:12px;border-radius:10px;margin-bottom:14px}.alert.success{background:#dcfce7;color:var(--ok)}.alert.error{background:#fee2e2;color:var(--danger)}.alert.info{background:#dbeafe;color:#1d4ed8}.badge{display:inline-block;border-radius:999px;padding:3px 8px;background:#e5e7eb;font-size:12px}.badge.ok{background:#dcfce7;color:#166534}.badge.warn{background:#fef3c7;color:#92400e}.badge.danger{background:#fee2e2;color:#991b1b}.actions{display:flex;flex-wrap:wrap;gap:8px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#111827;color:#f9fafb;border-radius:10px;padding:10px;overflow:auto}@media(max-width:900px){.admin-wrapper{display:block}.admin-nav{width:100%;position:static}.admin-content{max-width:100%;padding:18px}.two-col{grid-template-columns:1fr}}
.legend{display:inline-block;width:28px;height:4px;vertical-align:middle;margin:0 6px 0 12px}.legend.green{background:#15803d}.legend.red{background:#b91c1c}.legend.blue1{background:#1d4ed8}.legend.blue2{background:#38bdf8}.fraud{font-size:22px;font-weight:900;color:#fff;background:#b91c1c;border-radius:12px;padding:12px;text-align:center;letter-spacing:2px}.master-lock{border:2px solid #111827;background:#f8fafc}
.rate-strip{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 16px;padding:10px 12px;border:1px solid #dbe4ef;border-radius:14px;background:#f8fafc;color:#334155}
.rate-strip span,.rate-strip small{display:inline-block;padding:4px 8px;border-radius:999px;background:#fff;border:1px solid #e2e8f0}
.rate-strip button{padding:6px 10px;font-size:12px}
code{white-space:normal;word-break:break-all}


.language-switcher{position:fixed;top:12px;right:14px;z-index:9999;display:flex;gap:6px;align-items:center;background:rgba(255,255,255,.94);border:1px solid #d7dde8;border-radius:999px;padding:5px 7px;box-shadow:0 6px 18px rgba(15,23,42,.12)}
.lang-link{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:26px;padding:0 8px;border-radius:999px;text-decoration:none;font-weight:700;font-size:12px;color:#273449;border:1px solid transparent}
.lang-link:hover{border-color:#9db5ff;background:#eef3ff}
.lang-link.active{background:#2563eb;color:#fff;border-color:#2563eb}
@media (max-width:760px){.language-switcher{position:static;margin:8px 0;justify-content:flex-end}.admin-content .language-switcher{position:static;margin-bottom:12px}}


.ui-switcher{display:inline-flex;gap:6px;align-items:center;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:999px;padding:4px 6px;box-shadow:0 6px 18px rgba(15,23,42,.12)}
.ui-switcher select{width:auto;max-width:180px;min-width:0;padding:5px 8px;border-radius:999px;font-size:12px;background:var(--input);color:var(--text);border:1px solid var(--line)}
header .ui-switcher{margin-left:auto}.admin-content>.ui-switcher{float:right;margin:0 0 10px 10px}.license-key{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;background:#111827;color:#e5e7eb;border-radius:10px;padding:8px 10px;display:inline-block;letter-spacing:.04em}.license-invalid{border:2px solid #b91c1c;background:#fff1f2;color:#7f1d1d}.swatch{display:inline-block;width:26px;height:18px;border-radius:5px;border:1px solid var(--line);vertical-align:middle;margin-right:4px}
body.mode-dark .language-switcher, body.mode-dark .ui-switcher{background:rgba(15,23,42,.95)}
body.mode-dark .lang-link{color:#e5e7eb} body.mode-dark .lang-link:hover{background:#1e293b} body.mode-dark .badge{background:#334155;color:#e5e7eb}

.system-footer{padding:8px 12px;text-align:center}.system-copyright{font-size:11px;opacity:.38;margin-top:6px;transition:opacity .2s ease}.system-copyright:hover{opacity:.9}.system-copyright a{color:inherit;text-decoration:none}.system-copyright a:hover{text-decoration:underline}.license-row-active{background:rgba(22,163,74,.10)!important}.license-row-unused{background:rgba(100,116,139,.10)!important}.license-row-blocked{background:rgba(220,38,38,.12)!important}.license-row-blocked td{border-top:1px solid rgba(220,38,38,.35);border-bottom:1px solid rgba(220,38,38,.35)}

.system-version{font-size:11px;opacity:.55;margin-top:6px}.system-version:hover{opacity:.9}

@media(max-width:760px){.form-row{grid-template-columns:1fr!important}.grid{grid-template-columns:1fr!important}.actions{display:grid;grid-template-columns:1fr;gap:8px}.button,button,input[type=submit]{width:100%;text-align:center}table{font-size:13px}th,td{padding:8px}.rate-strip{display:block}.rate-strip span,.rate-strip small,.rate-strip button{margin:3px 0}.admin-nav{max-height:none}.admin-content{overflow-x:hidden}.card,.panel,.hero{padding:14px}}


/* v1.7 – Mobile-ACP, mobile Stempeluhr und bessere Touch-Bedienung */
.admin-mobile-toggle{display:none;position:sticky;top:0;z-index:12000;width:100%;border-radius:0;padding:12px 16px;background:var(--nav);color:#fff!important;text-align:left;font-weight:800;box-shadow:0 8px 24px rgba(15,23,42,.16)}
.admin-mobile-toggle span{float:right;font-weight:400;opacity:.8}.mobile-card-table{overflow-x:auto}.table-wrap{overflow-x:auto}.is-loading{opacity:.65;cursor:wait}.timeclock-hero{border-radius:24px;padding:24px;margin:0 0 18px;color:#fff;background:linear-gradient(135deg,#334155,#0f172a);box-shadow:0 16px 40px rgba(15,23,42,.20)}.timeclock-hero.is-active{background:linear-gradient(135deg,#15803d,#064e3b)}.timeclock-hero.is-idle{background:linear-gradient(135deg,#1d4ed8,#1e3a8a)}.timeclock-status{letter-spacing:.16em;font-size:13px;font-weight:900;opacity:.9}.timeclock-duration{font-size:42px;line-height:1;font-weight:900;font-variant-numeric:tabular-nums;margin-top:12px}.timeclock-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:18px}.big-action{font-size:18px;font-weight:900;padding:18px 20px;border-radius:18px;min-height:64px}.big-action.secondary{background:#475569}.timeclock-panel select,.timeclock-panel input{font-size:17px;padding:13px 12px}.document-paper-preview{background:#fff;color:#111;border:1px solid var(--line);border-radius:16px;padding:24px}.document-paper-preview img{max-width:220px;max-height:76px}
@media(max-width:900px){body{padding-top:0}.admin-mobile-toggle{display:block}.admin-wrapper{display:block}.admin-nav{display:none;position:fixed;top:46px;left:0;right:0;bottom:0;width:100%;z-index:11999;overflow:auto;border-radius:0;padding:14px 16px}.admin-nav-open .admin-nav{display:block}.admin-content{padding:14px;max-width:100%}.admin-content>.ui-switcher{float:none;margin:8px 0}.admin-nav a{padding:13px 12px;font-size:16px}.rate-strip{position:relative}.mobile-card-table{overflow:visible}.mobile-card-table table,.mobile-card-table thead,.mobile-card-table tbody,.mobile-card-table th,.mobile-card-table td,.mobile-card-table tr{display:block}.mobile-card-table thead{display:none}.mobile-card-table tr{border:1px solid var(--line);border-radius:14px;padding:10px;margin:0 0 12px;background:var(--panel);box-shadow:0 1px 2px rgba(0,0,0,.04)}.mobile-card-table td{border:0!important;display:grid;grid-template-columns:42% 58%;gap:8px;padding:7px 4px;word-break:break-word}.mobile-card-table td:before{content:attr(data-label);font-weight:800;color:var(--muted)}.timeclock-hero{padding:20px;border-radius:20px}.timeclock-duration{font-size:38px}.timeclock-actions{grid-template-columns:1fr}.big-action{width:100%;font-size:20px;min-height:72px}.panel,.card{border-radius:16px}.form-row{gap:10px}input,select,textarea{font-size:16px}}
@media(max-width:480px){.timeclock-duration{font-size:34px}.mobile-card-table td{grid-template-columns:1fr}.mobile-card-table td:before{margin-bottom:2px}.admin-content{padding:10px}.card,.panel,.hero{padding:12px}.language-switcher,.ui-switcher{width:100%;justify-content:flex-end;overflow:auto}}


/* v1.7.1 – Besucher wählen nur Hell/Dunkel; Design ist global im ACP */
.theme-mode-switcher{gap:0;padding:3px}
.theme-mode-toggle{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:6px 10px;border-radius:999px;text-decoration:none;color:var(--text);font-weight:800;font-size:12px;line-height:1;border:1px solid transparent;background:transparent;white-space:nowrap}
.theme-mode-toggle:hover{border-color:var(--line);background:rgba(148,163,184,.14)}
.theme-mode-icon{font-size:16px;line-height:1}
@media(max-width:480px){.theme-mode-switcher{width:auto;min-width:0}.theme-mode-toggle{min-height:40px;padding:8px 12px}.theme-mode-label{display:none}}

.demo-banner{position:sticky;top:0;z-index:9999;background:#fff3cd;color:#7a4b00;border-bottom:1px solid #facc15;padding:10px 16px;text-align:center;font-weight:700}.dark .demo-banner{background:#3b2f00;color:#ffe08a;border-color:#6b5800}

.nav-section{margin:8px 0;border-top:1px solid rgba(255,255,255,.12);padding-top:6px}.nav-section summary{cursor:pointer;font-weight:700;font-size:.9rem;opacity:.9;padding:6px 8px;list-style:none}.nav-section summary::-webkit-details-marker{display:none}.nav-section ul{margin-top:4px}.admin-nav .small{line-height:1.35}


/* v1.8.2 – Sprache und Hell/Dunkel-Umschalter stehen sichtbar nebeneinander */
.ui-control-bar{display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap;position:fixed;top:12px;right:14px;z-index:10020}
.ui-control-bar .language-switcher,.ui-control-bar .ui-switcher{position:static;top:auto;right:auto;z-index:auto;margin:0;float:none;flex:0 0 auto}
header .ui-control-bar,.header-flex .ui-control-bar{position:static;margin-left:auto}
.admin-content>.ui-control-bar{float:right;position:static;margin:0 0 10px 10px}
.ui-control-bar .theme-mode-switcher{margin-left:0}
@media(max-width:900px){.admin-content>.ui-control-bar{float:none;margin:8px 0 12px auto;justify-content:flex-end}.admin-content>.ui-control-bar .language-switcher,.admin-content>.ui-control-bar .ui-switcher{width:auto}}
@media(max-width:760px){.ui-control-bar{position:static;width:100%;justify-content:flex-end;margin:8px 0;overflow-x:auto}.header-flex .ui-control-bar{margin-left:0}.ui-control-bar .language-switcher,.ui-control-bar .ui-switcher{width:auto;min-width:0;justify-content:flex-end;overflow:visible}}
@media(max-width:480px){.ui-control-bar{gap:6px}.ui-control-bar .lang-link{min-width:30px;padding:0 7px}.ui-control-bar .theme-mode-toggle{min-height:34px;padding:7px 10px}.ui-control-bar .theme-mode-label{display:none}}


/* v1.8.3 – AJAX-ACP-Navigation und Dashboard-Kennzahlen */
.admin-nav-ajax{display:block}.nav-section-ajax{margin:8px 0;border-top:1px solid rgba(255,255,255,.12);padding-top:6px}.nav-section-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:transparent!important;color:#fff!important;border:0!important;box-shadow:none!important;border-radius:10px;padding:8px 10px;text-align:left;font-weight:800;cursor:pointer}.nav-section-toggle:hover{background:rgba(255,255,255,.08)!important}.nav-section-chevron{transition:transform .35s ease;opacity:.75}.nav-section-ajax.is-open .nav-section-chevron{transform:rotate(180deg)}.nav-section-body{overflow:hidden;max-height:0;opacity:0;transition:max-height 1500ms ease,opacity 1500ms ease}.nav-section-body ul{margin:4px 0 0}.nav-section-body a.active{background:rgba(37,99,235,.95);font-weight:900}.nav-loading,.nav-error{font-size:13px;color:#cbd5e1;padding:8px 10px}.nav-error{color:#fecaca}.nav-standalone{border-top:1px solid rgba(255,255,255,.12);margin-top:10px!important;padding-top:8px!important}.dashboard-chart-panel{position:relative}.dashboard-chart-controls{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin:0 0 14px}.dashboard-chart-controls label{margin:0}.dashboard-chart-controls select{min-width:190px}.dashboard-chart-wrap{position:relative;width:100%;border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:10px;overflow:hidden}.dashboard-chart-wrap canvas{display:block;width:100%;height:360px}.dashboard-legend{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.dashboard-legend-item{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px}.dashboard-legend-item i{display:inline-block;width:28px;height:4px;border-radius:999px}.metric-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:12px}.metric-mini-card{background:rgba(148,163,184,.10);border:1px solid var(--line);border-radius:14px;padding:12px}.metric-mini-card strong{display:block;color:var(--muted);font-size:12px}.metric-mini-card span{display:block;font-size:22px;font-weight:900;margin-top:4px}.dashboard-status{font-size:12px;color:var(--muted)}
@media(max-width:760px){.dashboard-chart-controls{display:grid;grid-template-columns:1fr}.dashboard-chart-controls select{width:100%;min-width:0}.dashboard-chart-wrap canvas{height:320px}.metric-mini-grid{grid-template-columns:1fr}.nav-section-toggle{font-size:16px;padding:13px 12px}}