:root{--bg:#f5f6f8;--surface:#fff;--border:#e2e5ea;--text:#1a1d23;--text-muted:#6b7280;--primary:#1f5eff;--primary-contrast:#fff;--danger:#dc2626;--danger-bg:#fef2f2;--warning:#d97706;--warning-bg:#fffbeb;--success:#16a34a;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#14161a;--surface:#1c1f26;--border:#2c313a;--text:#eef0f3;--text-muted:#9aa1ad;--danger-bg:#2a1414;--warning-bg:#2a2013;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button{cursor:pointer;background:var(--primary);color:var(--primary-contrast);border:none;border-radius:8px;padding:.55rem 1rem;font-family:inherit;font-size:.9rem}button:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{color:var(--primary);border:1px solid var(--border);background:0 0}input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:.5rem .6rem;font-family:inherit;font-size:.9rem}label{color:var(--text-muted);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.muted{color:var(--text-muted);margin:.2rem 0}.small{font-size:.78rem}.auth-screen{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:1rem;width:100%;max-width:360px;padding:2rem;display:flex}.auth-card h1{margin:0}.auth-card__subtitle{color:var(--text-muted);margin:-.5rem 0 0}.auth-card__hint{color:var(--text-muted);border-top:1px solid var(--border);padding-top:.75rem;font-size:.75rem}.loading-screen{text-align:center;color:var(--text-muted);padding:3rem}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.9rem 1.5rem;display:flex}.topbar__brand{color:var(--text);font-size:1.1rem;font-weight:700;text-decoration:none}.topbar__user{align-items:center;gap:.9rem;font-size:.9rem;display:flex}.pill{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:.1rem .6rem;font-size:.75rem}.content{flex-direction:column;gap:2rem;max-width:1100px;margin:0 auto;padding:1.5rem;display:flex}.site-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.site-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:1rem 1.2rem;text-decoration:none;display:block}.site-card h3{margin:0 0 .4rem}.alarm-feed{flex-direction:column;gap:.75rem;display:flex}.alarm-feed--empty{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.alarm-card{background:var(--danger-bg);border:1px solid var(--danger);border-radius:var(--radius);flex-direction:column;gap:.5rem;padding:.9rem 1.1rem;display:flex}.alarm-card--deadman{background:var(--warning-bg);border-color:var(--warning)}.alarm-card__header{color:var(--text-muted);justify-content:space-between;font-size:.85rem;display:flex}.alarm-badge{color:var(--text);font-weight:700}.alarm-card__coords{color:var(--text-muted);font-size:.8rem}.alarm-card__actions{gap:.5rem;display:flex}.tabs{border-bottom:1px solid var(--border);gap:.5rem;margin:1rem 0;display:flex}.tabs button{color:var(--text-muted);background:0 0;border-bottom:2px solid #0000;border-radius:0;padding:.6rem .2rem}.tabs button.active{color:var(--primary);border-bottom-color:var(--primary)}.data-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;overflow:hidden}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);padding:.6rem .8rem;font-size:.88rem}.data-table th{color:var(--text-muted);background:var(--bg);font-weight:600}.table-actions{align-items:center;gap:.6rem;display:flex}.task-list{flex-direction:column;gap:.6rem;display:flex}.task-row{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--text-muted);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}.task-row--done{border-left-color:var(--success);opacity:.75}.task-row--overdue{border-left-color:var(--danger)}.task-row__meta{flex-direction:column;align-items:flex-end;gap:.3rem;display:flex}.report-generator{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.alert{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.6rem .9rem;font-size:.85rem}.alert--error{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.guard-screen{flex-direction:column;gap:1rem;max-width:480px;margin:0 auto;padding:.5rem .25rem 2rem;display:flex}.guard-header{justify-content:space-between;align-items:center;display:flex}.guard-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.guard-card h2{margin:.2rem 0 1rem}.guard-actions-row{gap:.75rem;display:flex}.guard-btn{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:1rem;font-size:1rem;font-weight:600;text-decoration:none;display:flex}.guard-btn--primary{background:var(--primary);color:var(--primary-contrast)}.guard-btn--notruf{background:var(--danger);color:#fff;border-radius:12px;width:100%;margin-top:1.2rem;padding:1.3rem;font-size:1.15rem;font-weight:800}.guard-btn--ghost{width:100%;color:var(--text-muted);background:0 0;margin-top:.5rem}.guard-btn--small{flex:none;padding:.6rem 1.1rem;font-size:.9rem}.guard-site-list{flex-direction:column;gap:.7rem;display:flex}.guard-site-row{text-align:left;background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:12px;flex-direction:column;align-items:flex-start;gap:.2rem;padding:1rem 1.2rem;font-size:1rem;display:flex}.guard-checkpoint-row{background:var(--surface);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.2rem;display:flex}