:root{--purple:#9749a2;--purple-dark:#713779;--purple-soft:#bc81c2;--accent:#e9ff13;--bg:#f6f1f7;--ink:#33233a;--muted:#786b7b;--card:#fff;--line:#eadfee;--danger:#b42318;--ok:#087a55}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.topbar{height:74px;background:linear-gradient(135deg,#9f4aa9,#8c4198);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:30;border-bottom:3px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:10px;color:var(--accent);font-weight:1000;font-size:28px;text-decoration:none;letter-spacing:.02em;text-shadow:0 2px 0 rgba(0,0,0,.12)}.rocket{font-size:31px}.menu-btn{display:none;background:none;color:#fff;border:0;font-size:33px;cursor:pointer}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 74px)}.sidebar{background:#4f2857;color:#fff;padding:18px 13px}.userbox{padding:13px 14px;margin-bottom:12px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.07)}.userbox strong,.userbox span{display:block}.userbox span{color:var(--accent);font-size:11px;font-weight:900;margin-top:3px}.sidebar nav{display:grid;gap:5px}.sidebar a{color:#f8edf9;text-decoration:none;padding:11px 13px;border-radius:12px;font-weight:800;font-size:14px}.sidebar a:hover,.sidebar a.active{background:var(--accent);color:#4c2454}.sidebar-install{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;padding:11px 13px;border-radius:12px;font:inherit;font-weight:850;text-align:left;cursor:pointer}.sidebar-install:hover{background:var(--accent);color:#4c2454}.sidebar-install[hidden]{display:none!important}.nav-label{font-size:10px;color:#cfb7d2;letter-spacing:.14em;font-weight:900;margin:14px 10px 4px}.content{min-width:0;padding:22px;max-width:1400px;width:100%;margin:0 auto}.hero{border-radius:26px;background:linear-gradient(135deg,#94479e,#a653ac);color:#fff;padding:28px;box-shadow:0 16px 40px rgba(83,37,91,.18)}.hero h1{margin:0;color:var(--accent);font-size:clamp(30px,5vw,52px);line-height:.95;font-weight:1000;text-transform:uppercase}.hero p{font-size:18px;font-weight:700}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-top:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 10px 28px rgba(69,39,74,.08)}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-7{grid-column:span 7}.span-6{grid-column:span 6}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.span-3{grid-column:span 3}.card h2,.card h3{margin:0 0 13px}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:15px;padding:12px 16px;text-decoration:none;font-weight:900;font-size:14px;cursor:pointer;background:#eee4f0;color:#53315b}.btn.primary{background:var(--accent);color:#5c2c64}.btn.purple{background:var(--purple);color:#fff}.btn.danger{background:#fee4e2;color:var(--danger)}.btn.full{width:100%}.work-button{min-height:150px;border-radius:999px;font-size:27px;font-weight:1000;text-transform:uppercase;box-shadow:0 12px 36px rgba(225,255,19,.2)}.work-button.stop{background:#ffcfcc;color:#7f1d1d}.tour-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tour-box{background:#98649f;color:#fff;border-radius:24px;padding:22px;text-align:center}.tour-box span{display:block;color:var(--accent);font-weight:1000;text-transform:uppercase}.tour-box strong{display:block;font-size:34px;margin-top:12px}.status-pill{display:inline-flex;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:900;background:#eee3ef}.status-pill.active{background:#d9ffae;color:#315d00}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px}.stat span{color:var(--muted);font-size:12px}.stat strong{display:block;font-size:26px;margin-top:4px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px}table{width:100%;border-collapse:collapse;min-width:720px;background:#fff}th,td{text-align:left;padding:12px;border-bottom:1px solid #f0e7f1}th{background:#faf7fb;color:#66556a;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field label{display:block;font-weight:850;font-size:12px;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid #d9ccdc;border-radius:12px;background:#fff;font:inherit}.field.full{grid-column:1/-1}.flash{padding:13px 15px;border-radius:14px;margin-bottom:14px;font-weight:800}.flash.ok{background:#dcfce7;color:#14532d}.flash.err{background:#fee2e2;color:#991b1b}.doc-list{display:grid;gap:10px}.doc{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);padding:13px;border-radius:14px}.small{font-size:12px}.warn{background:#fff7ed;color:#9a3412;padding:10px;border-radius:12px;border:1px solid #fed7aa}.api-token{font-family:ui-monospace,monospace;word-break:break-all;background:#28162d;color:var(--accent);padding:11px;border-radius:12px}.sage-result{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.sage-result>div{background:#faf7fb;border:1px solid var(--line);border-radius:15px;padding:13px}.sage-result span{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.sage-result strong{display:block;font-size:20px;margin-top:5px}.sage-payout{grid-column:1/-1!important;background:var(--accent)!important;color:#4f2857!important;border-color:#d9ef00!important}.sage-payout strong{font-size:28px}.brand-logo{width:38px;height:38px;border-radius:10px;object-fit:cover;background:#fff}.install-login{margin-top:10px;width:100%}.install-login[hidden]{display:none!important}@media(max-width:1000px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:40;top:74px;bottom:0;left:0;width:min(86vw,300px);transform:translateX(-105%);transition:.2s;box-shadow:20px 0 50px rgba(0,0,0,.2)}.sidebar.open{transform:none}.menu-btn{display:block}.span-8,.span-7,.span-6,.span-5,.span-4,.span-3{grid-column:span 12}.content{padding:14px}.stats{grid-template-columns:1fr 1fr}}@media(max-width:700px){.sage-result{grid-template-columns:1fr 1fr}}@media(max-width:560px){.topbar{height:64px;padding:0 15px}.app-shell{min-height:calc(100vh - 64px)}.sidebar{top:64px}.brand{font-size:23px}.content{padding:10px}.hero{padding:22px 17px;border-radius:22px}.card{padding:14px;border-radius:18px}.tour-grid{grid-template-columns:1fr}.tour-box strong{font-size:31px}.stats{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.doc{display:block}.doc .btn{width:100%;margin-top:9px}.work-button{min-height:118px;font-size:23px}}

.toolbar-actions{display:flex;gap:10px;flex-wrap:wrap}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.summary-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card{background:#faf7fb;border:1px solid var(--line);border-radius:18px;padding:14px 15px}.summary-card span{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.summary-card strong{display:block;font-size:24px;margin-top:6px}.summary-card small{display:block;margin-top:4px;color:var(--muted)}.document-cards{display:grid;gap:12px}.document-card{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);background:#fff;border-radius:18px;padding:16px;box-shadow:0 8px 22px rgba(69,39,74,.05)}.doc-title{font-weight:900;font-size:18px}.doc-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:5px}.tag{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#eee4f0;color:#53315b;font-size:12px;font-weight:900}.empty-state{padding:18px;border:1px dashed #d8c7dc;border-radius:18px;background:#fcfbfd;color:var(--muted)}
.presence-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.presence-count{min-width:150px;background:var(--accent);color:#4f2857;border-radius:18px;padding:12px 16px;text-align:center}.presence-count span{display:block;font-size:11px;font-weight:900;text-transform:uppercase}.presence-count strong{font-size:30px}.presence-badge{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:900}.presence-badge.online{background:#dcfce7;color:#166534}.presence-badge.offline{background:#f3f4f6;color:#6b7280}.presence-filter{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.presence-filter select{padding:11px 12px;border:1px solid #d9ccdc;border-radius:12px;background:#fff;font:inherit}@media(max-width:560px){.presence-filter{width:100%}.presence-filter select,.presence-filter .btn{width:100%}}

/* V15: Mobiles Seitenmenü vollständig scrollbar, Logout erreichbar */
@media(max-width:1000px){
  .sidebar{
    height:calc(100dvh - 74px);
    max-height:calc(100dvh - 74px);
    bottom:auto;
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    padding-bottom:calc(28px + env(safe-area-inset-bottom));
  }
  .sidebar nav{
    padding-bottom:calc(24px + env(safe-area-inset-bottom));
  }
  .sidebar nav>a:last-child{
    margin-bottom:12px;
  }
}
@media(max-width:560px){
  .sidebar{
    height:calc(100dvh - 64px);
    max-height:calc(100dvh - 64px);
  }
}