:root{--bg:#f8fafc;--card:#fff;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;--primary:#0f766e;--primary2:#115e59;--danger:#b91c1c;--soft:#ecfeff}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}textarea{min-height:90px;resize:vertical}
button{cursor:pointer;border:none;border-radius:14px;padding:13px 16px;font-weight:700}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary2)}.btn-secondary{background:#e2e8f0;color:#0f172a}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:#fff;border:1px solid var(--line);color:#0f172a}.big-btn{min-height:54px;font-size:18px}
.container{width:min(1180px,94vw);margin:0 auto}.hidden{display:none!important}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 8px 30px rgba(15,23,42,.05)}.hero{background:linear-gradient(135deg,#0f172a,#0f766e);color:#fff;border-radius:28px;padding:26px}.muted{color:var(--muted)}
.top{position:sticky;top:0;background:rgba(248,250,252,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:10}.top-inner{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:14px 0}.brand{font-size:22px;font-weight:900}.nav{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 14px}.nav button{background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:999px}.nav button.active{background:var(--text);color:#fff;border-color:var(--text)}
.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.login-shell{min-height:100vh;display:grid;place-items:center;padding:18px}.login-card{width:min(920px,100%)}.login-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:stretch}
.stat{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px}.stat .n{font-size:34px;font-weight:900}.pill,.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.pill{background:var(--soft);color:#134e4a}.st-offen{background:#fef3c7;color:#92400e}.st-angefragt{background:#dbeafe;color:#1d4ed8}.st-gestartet{background:#dcfce7;color:#166534}.st-erledigt{background:#ede9fe;color:#6d28d9}
.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.mobile-stack{display:grid;gap:12px}.task-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px}.task-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.footer-note{padding:22px 0 36px;color:var(--muted);font-size:14px}
.cleaner-shell{background:#eef6f8}.cleaner-top{background:#0f172a;color:#fff;padding:20px 0}.notice{background:#fffbeb;border:1px solid #fcd34d;border-radius:18px;padding:14px}
@media (max-width:920px){.grid-2,.grid-3,.grid-4,.login-grid{grid-template-columns:1fr}.top-inner{align-items:flex-start}.task-actions{grid-template-columns:1fr}.brand{font-size:20px}}