/* === CSS extrahiert aus auswertungen.html (extrahiert 2026-04-26) === */
  @import url('/shared/fonts/inter.css');
  * { margin: 0; padding: 0; box-sizing: border-box; }

  :root {
    --bg: linear-gradient(145deg, #eef2f7 0%, #e4ecf4 25%, #dfe8f0 50%, #e8eef5 75%, #f0f4f8 100%);
    --nav-bg: rgba(255,255,255,0.55); --nav-border: rgba(255,255,255,0.5);
    --card-bg: rgba(255,255,255,0.45); --card-border: rgba(255,255,255,0.6);
    --card-hover-bg: rgba(255,255,255,0.65);
    --card-shadow: 0 2px 16px rgba(0,0,0,0.04);
    --text-primary: #1c1c1e; --text-secondary: #636366; --text-tertiary: #8e8e93;
    --badge-bg: rgba(4,179,214,0.1); --badge-color: #04b3d6;
    --toggle-bg: rgba(0,0,0,0.06); --toggle-knob: #fff;
  }
  [data-theme="dark"] {
    --bg: linear-gradient(145deg, #0a0a1a 0%, #0f1528 20%, #151022 40%, #1a0f1e 60%, #12111a 80%, #0d1318 100%);
    --nav-bg: rgba(255,255,255,0.05); --nav-border: rgba(255,255,255,0.09);
    --card-bg: rgba(255,255,255,0.06); --card-border: rgba(255,255,255,0.1);
    --card-hover-bg: rgba(255,255,255,0.1);
    --card-shadow: 0 2px 16px rgba(0,0,0,0.2);
    --text-primary: #f5f5f7; --text-secondary: #a1a1a6; --text-tertiary: #636366;
    --badge-bg: rgba(4,179,214,0.15); --badge-color: #2cc5e4;
    --toggle-bg: rgba(255,255,255,0.1); --toggle-knob: #1c1c1e;
  }
  body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    min-height: 100vh; background: var(--bg); background-size: 400% 400%;
    animation: gradientShift 20s ease infinite; -webkit-font-smoothing: antialiased;
  }
  @keyframes gradientShift { 0% { background-position:0% 50%; } 50% { background-position:100% 50%; } 100% { background-position:0% 50%; } }

  nav { position:sticky;top:0;z-index:200;background:var(--nav-bg);backdrop-filter:blur(44px) saturate(180%);-webkit-backdrop-filter:blur(44px) saturate(180%);border-bottom:1px solid var(--nav-border);padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between; }
  .nav-left { display:flex;align-items:center;gap:10px; }
  .nav-logo { height:28px; } [data-theme="dark"] .nav-logo { filter:brightness(2.2) contrast(0.85); }
  .nav-brand { font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-0.4px; }
  .nav-divider { width:1px;height:18px;background:var(--nav-border);margin:0 2px; }
  .nav-subtitle { font-size:12px;color:var(--text-secondary);font-weight:500; }
  .nav-right { display:flex;align-items:center;gap:12px; }
  .nav-back { font-size:13px;font-weight:500;color:var(--badge-color);text-decoration:none;padding:5px 10px;border-radius:8px; }
  .nav-back:hover { background:var(--badge-bg); }
  .theme-toggle { display:flex;align-items:center;gap:6px;cursor:pointer; }
  .toggle-icon { font-size:14px;line-height:1; }
  .toggle-track { width:44px;height:26px;border-radius:13px;background:var(--toggle-bg);backdrop-filter:blur(20px);border:1px solid var(--card-border);position:relative; }
  .toggle-knob { width:20px;height:20px;border-radius:10px;background:var(--toggle-knob);position:absolute;top:2px;left:3px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 1px 4px rgba(0,0,0,0.15); }
  [data-theme="dark"] .toggle-knob { left:21px;background:#f5f5f7; }

  .container { max-width:1200px;margin:0 auto;padding:32px 24px 60px; }

  .toolbar { display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap; }
  .toolbar input[type="date"] { padding:7px 12px;border-radius:10px;border:1px solid var(--card-border);background:var(--toggle-bg);color:var(--text-primary);font-family:inherit;font-size:13px; }
  .btn-primary { display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;border:none;background:linear-gradient(135deg,#04b3d6,#0090b0);color:#fff;font-size:13.5px;font-weight:600;font-family:inherit;cursor:pointer; }
  .btn-primary:hover { opacity:0.88; }
  .btn-secondary { padding:7px 14px;border-radius:10px;border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-secondary);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer; }
  .btn-secondary:hover { background:var(--card-hover-bg); }

  .stat-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px; }
  .stat-card { background:var(--card-bg);backdrop-filter:blur(60px) saturate(180%);border:1px solid var(--card-border);border-radius:16px;padding:18px 20px;box-shadow:var(--card-shadow);position:relative;overflow:hidden; }
  .stat-card::before { content:'';position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,0.18) 0%,transparent 100%);border-radius:16px 16px 0 0;pointer-events:none; }
  [data-theme="dark"] .stat-card::before { background:linear-gradient(180deg,rgba(255,255,255,0.04) 0%,transparent 100%); }
  .stat-label { font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:6px; }
  .stat-value { font-size:26px;font-weight:700;color:var(--text-primary);letter-spacing:-1px;line-height:1; }
  .stat-sub { font-size:11px;color:var(--text-tertiary);margin-top:4px; }

  .section { margin-bottom:28px; }
  .section-title { font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:14px;display:flex;align-items:center;gap:8px; }

  .data-table { width:100%;border-collapse:collapse;background:var(--card-bg);backdrop-filter:blur(60px);border:1px solid var(--card-border);border-radius:14px;overflow:hidden; }
  .data-table th { padding:10px 14px;font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0.4px;text-align:left;border-bottom:1px solid var(--card-border); }
  .data-table td { padding:10px 14px;font-size:13px;color:var(--text-primary);border-bottom:1px solid var(--card-border); }
  .data-table tr:last-child td { border-bottom:none; }
  .data-table tr:hover td { background:var(--card-hover-bg); }
  .data-table .num { text-align:right;font-variant-numeric:tabular-nums; }
  .data-table .total td { font-weight:700;border-top:2px solid var(--card-border); }

  .bar { height:6px;border-radius:3px;background:var(--card-border);overflow:hidden;margin-top:4px; }
  .bar-fill { height:100%;border-radius:3px;transition:width 0.5s; }
  .bar-fill.green { background:#30d158; }
  .bar-fill.orange { background:#ff9f0a; }
  .bar-fill.red { background:#ff453a; }
  .bar-fill.cyan { background:#04b3d6; }

  .loading { display:flex;align-items:center;justify-content:center;padding:60px;gap:10px;color:var(--text-secondary);font-size:14px; }
  .spinner { width:20px;height:20px;border:2px solid var(--card-border);border-top-color:var(--badge-color);border-radius:50%;animation:spin 0.8s linear infinite; }
  @keyframes spin { to { transform:rotate(360deg); } }

  .th-info {
    display:inline-flex; align-items:center; justify-content:center;
    width:18px; height:18px; border-radius:50%;
    background:var(--badge-bg); color:var(--badge-color);
    font-size:11px; font-weight:700; cursor:pointer;
    margin-left:4px; vertical-align:middle;
    border:1px solid rgba(4,179,214,0.2);
    transition:all 0.2s;
  }
  .th-info:hover { background:rgba(4,179,214,0.25); }

  .popover-overlay {
    display:none; position:fixed; inset:0; z-index:800;
  }
  .popover-overlay.show { display:block; }

  .popover {
    position:fixed; z-index:810;
    background:var(--nav-bg); backdrop-filter:blur(40px) saturate(180%);
    -webkit-backdrop-filter:blur(40px) saturate(180%);
    border:1px solid var(--card-border); border-radius:14px;
    padding:16px 18px; max-width:280px; min-width:200px;
    box-shadow:0 8px 32px rgba(0,0,0,0.18);
    animation:popIn 0.15s ease-out;
  }
  @keyframes popIn { from { opacity:0; transform:scale(0.95) translateY(4px); } to { opacity:1; transform:scale(1) translateY(0); } }
  .popover-title { font-size:13px; font-weight:700; color:var(--text-primary); margin-bottom:6px; }
  .popover-body { font-size:12.5px; color:var(--text-secondary); line-height:1.5; }
  .popover-close {
    position:absolute; top:8px; right:10px;
    background:none; border:none; color:var(--text-tertiary);
    font-size:16px; cursor:pointer; padding:2px 6px; border-radius:6px;
  }
  .popover-close:hover { background:var(--toggle-bg); color:var(--text-primary); }

  @media (max-width:768px) {
    .stat-grid { grid-template-columns:repeat(2,1fr); }
    .data-table { display:block;overflow-x:auto; }
    .container { padding:20px 16px 60px; }
    .nav-subtitle { display:none; }
  }


/* === Auto-generierte Klassen aus inline style="..." (auswertungen.html, 3 unique) === */
.s-bcf003 { font-size:14px;font-weight:600;color:var(--text-primary); }
.s-09ccb6 { color:var(--text-tertiary); }
.s-b82012 { position:fixed;bottom:20px;right:20px;z-index:9000;display:flex;flex-direction:column;gap:8px;pointer-events:none; }


/* === Auto-Klassen aus inline style="..." in auswertungen.js (3 unique) === */
.s-3d972c { font-size:11px;color:var(--text-tertiary); }
.s-161768 { font-size:12px;color:var(--text-tertiary); }
.s-3ae4da { color:#ff453a; }