:root{--hws-blue: #1B8FD0;--hws-blue-dark: #1470A8;--bg: #F5F5F5;--surface: #ffffff;--surface-2: #FAFAFA;--hover: #F7F7F7;--hover-stark: #F0F0F0;--track: #E8E8E8;--chip: #EBEBEB;--akzent-weich: #EEF6FC;--akzent-chip: #D6EEF9;--akzent-rand: #B8DDEF;--text: #111111;--text-soft: #666666;--text-schwach: #999999;--erfolg-bg: #E3F5E9;--erfolg-text: #1D6B3B;--fehler-bg: #FDEAEA;--fehler-text: #9A2B2B;--fehler-rand: #F3C2C2;--warn-bg: #FDF2D0;--warn-text: #8A6D1A;--border: #E0E0E0;--shadow: 0 1px 3px rgba(0, 0, 0, .08);--shadow-menue: 0 10px 28px rgba(0, 0, 0, .14);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #15171A;--surface: #1D2024;--surface-2: #202429;--hover: #24282D;--hover-stark: #2A2F35;--track: #2A2F35;--chip: #2C3238;--akzent-weich: #16303F;--akzent-chip: #14384B;--akzent-rand: #2A5A76;--text: #E6E8EB;--text-soft: #9AA1A9;--text-schwach: #767D85;--erfolg-bg: #16301F;--erfolg-text: #7ED9A3;--fehler-bg: #3A1E1E;--fehler-text: #F0A3A3;--fehler-rand: #5B2E2E;--warn-bg: #352D14;--warn-text: #E5C673;--border: #333940;--shadow: 0 1px 3px rgba(0, 0, 0, .4);--shadow-menue: 0 10px 28px rgba(0, 0, 0, .55);color-scheme:dark}}:root[data-theme=dark]{--bg: #15171A;--surface: #1D2024;--surface-2: #202429;--hover: #24282D;--hover-stark: #2A2F35;--track: #2A2F35;--chip: #2C3238;--akzent-weich: #16303F;--akzent-chip: #14384B;--akzent-rand: #2A5A76;--text: #E6E8EB;--text-soft: #9AA1A9;--text-schwach: #767D85;--erfolg-bg: #16301F;--erfolg-text: #7ED9A3;--fehler-bg: #3A1E1E;--fehler-text: #F0A3A3;--fehler-rand: #5B2E2E;--warn-bg: #352D14;--warn-text: #E5C673;--border: #333940;--shadow: 0 1px 3px rgba(0, 0, 0, .4);--shadow-menue: 0 10px 28px rgba(0, 0, 0, .55);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input{font-family:inherit}.app{min-height:100vh}.header{position:sticky;top:0;z-index:10;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow)}.header-bar{display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px 24px}.header-oben{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.header-title{display:flex;align-items:baseline;justify-content:center;gap:10px;flex-wrap:wrap}.header-bar .zeile{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.header-rechts,.header-profil{display:flex;align-items:center;justify-content:flex-end}.header-logo{height:30px;width:auto;align-self:center;flex-shrink:0}.header-title h1{font-size:21px;font-weight:800;letter-spacing:.02em;color:var(--text)}.tabs{display:flex;gap:2px;background:var(--track);padding:3px;border-radius:9px}.tab{border:none;background:transparent;padding:7px 16px;border-radius:7px;font-size:14px;font-weight:600;color:var(--text-soft)}.tab:hover{color:var(--text)}.tab.active{background:var(--surface);color:var(--hws-blue);box-shadow:var(--shadow)}.standort-menue{position:relative;justify-self:start}.hamburger{display:flex;flex-direction:column;justify-content:center;gap:4px;width:38px;height:34px;padding:0 8px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}.hamburger span{display:block;height:2px;border-radius:2px;background:var(--text-soft);transition:background .15s}.hamburger:hover{border-color:var(--hws-blue)}.hamburger:hover span,.hamburger[aria-expanded=true] span{background:var(--hws-blue)}.hamburger[aria-expanded=true]{border-color:var(--hws-blue)}.menue-tafel{position:absolute;top:calc(100% + 8px);left:0;z-index:30;min-width:230px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-menue)}.bestand-anzeige{justify-self:end;padding:5px 13px;border-radius:999px;background:var(--hws-blue);color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.menue-huelle{position:relative}.menue-zeile{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;border-radius:8px;background:transparent;font-size:14px;font-weight:600;color:var(--text);text-align:left}.menue-zeile:hover,.menue-zeile.auf{background:var(--hover-stark)}.menue-zeile.aktiv{color:var(--hws-blue)}.menue-name{flex:1}.menue-pfeil{color:var(--text-schwach);font-size:16px;line-height:1}.menue-flyout{position:absolute;left:100%;top:-6px;z-index:31;min-width:240px;max-width:320px;max-height:60vh;overflow-y:auto;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-menue)}.menue-mandant{display:flex;align-items:baseline;gap:10px;width:100%;padding:9px 12px;border:none;border-radius:7px;background:transparent;font-size:13.5px;text-align:left}.menue-mandant:hover{background:var(--akzent-weich)}.menue-mandant-name{flex:1;min-width:0;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menue-notiz{padding:8px 12px;font-size:12.5px;color:var(--text-soft);line-height:1.45}.menue-notiz.fehler{color:var(--fehler-text)}.content{padding:20px 24px 60px;max-width:1100px;margin:0 auto}.karte{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px 20px;margin-bottom:14px}.karte h2{font-size:15px;font-weight:700;letter-spacing:.01em;margin-bottom:4px}.karte-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px;flex-wrap:wrap}.karte-kopf h2{margin-bottom:0}.hinweis{font-size:13px;color:var(--text-soft);line-height:1.5;margin-bottom:14px}.hinweis:last-child{margin-bottom:0}.zeile{display:flex;gap:10px;flex-wrap:wrap;align-items:center}input{padding:9px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:var(--surface);color:var(--text)}input:focus{outline:none;border-color:var(--hws-blue);box-shadow:0 0 0 3px var(--akzent-weich)}input::placeholder{color:var(--text-schwach)}.btn{background:var(--hws-blue);color:#fff;border:none;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.btn:hover{background:var(--hws-blue-dark)}.btn:disabled{opacity:.5;cursor:default}.btn-leise{background:transparent;border:none;color:var(--fehler-text);font-size:13px;padding:4px 8px;border-radius:6px}.btn-leise:hover{background:var(--fehler-bg)}.dropzone{display:block;border:1.5px dashed var(--border);border-radius:10px;padding:26px 20px;text-align:center;cursor:pointer;background:var(--surface-2);transition:border-color .15s,background .15s}.dropzone:hover{border-color:var(--hws-blue);background:var(--akzent-weich)}.dropzone.laeuft{opacity:.6;cursor:default}.dropzone input{display:none}.dropzone-titel{font-size:14px;font-weight:600;color:var(--hws-blue)}.dropzone-sub{font-size:12.5px;color:var(--text-soft);margin-top:4px}.fehler-box{background:var(--fehler-bg);border:1px solid var(--fehler-rand);color:var(--fehler-text);padding:12px 16px;border-radius:10px;font-size:13.5px;margin-top:14px}.erfolg-box{background:var(--erfolg-bg);color:var(--erfolg-text);padding:12px 16px;border-radius:10px;font-size:13.5px}.warn-box{background:var(--warn-bg);color:var(--warn-text);padding:12px 16px;border-radius:10px;font-size:13.5px}.auswahl-box{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;margin-bottom:14px;background:var(--akzent-weich);border:1px solid var(--akzent-rand);border-radius:10px}.auswahl-kopf{font-size:14px;color:var(--text);line-height:1.5}.auswahl-hinweis{margin-top:5px;font-size:12.5px;color:var(--text-soft);line-height:1.5}.auswahl-zu{margin-left:auto;flex-shrink:0;border:none;background:transparent;color:var(--text-soft);font-size:20px;line-height:1;padding:0 4px;border-radius:6px}.auswahl-zu:hover{color:var(--text);background:var(--hover-stark)}.kennzahlen{display:flex;gap:28px;flex-wrap:wrap;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--border)}.kennzahl .wert{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.kennzahl .wert.gut{color:var(--erfolg-text)}.kennzahl .wert.warn{color:var(--warn-text)}.kennzahl .label{font-size:11px;color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.badge{padding:2px 9px;border-radius:999px;font-weight:600;font-size:11px;white-space:nowrap}.badge.blau{background:var(--akzent-chip);color:var(--hws-blue-dark)}.badge.warn{background:var(--warn-bg);color:var(--warn-text)}.badge.gut{background:var(--erfolg-bg);color:var(--erfolg-text)}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;padding:8px 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-soft);border-bottom:1px solid var(--border)}td{padding:9px 10px;border-bottom:1px solid var(--border);vertical-align:top}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--hover)}tbody tr.eingabe:hover{background:transparent}.zahl{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:12px}.quelle{font-size:12px;color:var(--text-soft);white-space:nowrap}.rohtext{font-size:12px;color:var(--text-schwach)}table input{width:100%}td.aktion{text-align:right;width:1%;white-space:nowrap}.leer{text-align:center;padding:22px;color:var(--text-soft);font-size:13.5px;background:var(--surface-2);border-radius:8px}@media(max-width:700px){.header-bar{padding:12px 16px}.menue-tafel{min-width:0;width:calc(100vw - 32px)}.menue-flyout{position:static;max-width:none;margin:2px 0 6px;box-shadow:none;background:var(--surface-2)}.content{padding:16px 16px 40px}.kennzahlen{gap:18px}}.quellen{margin:0 0 16px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--hover)}.quellen>summary{cursor:pointer;font-size:13px;color:var(--text-soft)}.quellen table{margin-top:10px}.login-screen{min-height:100vh;background:var(--bg);display:flex;align-items:flex-start;justify-content:center;padding:48px 24px 64px}.login-box{width:100%;max-width:400px}.login-logo{display:block;height:38px;width:auto;margin-bottom:10px}.login-title{font-size:22px;font-weight:700;color:var(--text);margin-bottom:4px}.login-sub{font-size:14px;color:var(--text-soft);margin-bottom:24px}.ms-login-btn{display:flex;align-items:center;gap:12px;width:100%;padding:13px 20px;background:var(--surface);border:1px solid var(--border);border-radius:10px;font-size:15px;font-weight:600;font-family:inherit;color:var(--text);text-decoration:none;cursor:pointer;margin-top:8px}.ms-login-btn:hover{border-color:var(--hws-blue);background:var(--akzent-weich)}.ms-logo{display:grid;grid-template-columns:9px 9px;grid-template-rows:9px 9px;gap:2px;flex-shrink:0}.ms-logo span{display:block}.ms-logo span:nth-child(1){background:#f25022}.ms-logo span:nth-child(2){background:#7fba00}.ms-logo span:nth-child(3){background:#00a4ef}.ms-logo span:nth-child(4){background:#ffb900}.profil-wrap{position:relative;flex-shrink:0}.profil-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--surface);padding:0;overflow:hidden;display:grid;place-items:center;cursor:pointer}.profil-btn:hover,.profil-btn.offen{border-color:var(--hws-blue)}.profil-initialen{width:100%;height:100%;display:grid;place-items:center;background:var(--akzent-weich);color:var(--hws-blue-dark);font-size:13px;font-weight:700;letter-spacing:.02em}.profil-initialen.gross{width:44px;height:44px;border-radius:50%;flex-shrink:0;font-size:15px}.profil-menu{position:absolute;top:calc(100% + 8px);right:0;width:260px;max-width:calc(100vw - 32px);background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-menue);z-index:200;padding:14px;text-align:left}.pm-kopf{display:flex;align-items:center;gap:11px}.pm-kopf-text{min-width:0}.pm-name{font-size:14px;font-weight:700;color:var(--text)}.pm-mail,.pm-rolle{font-size:11.5px;color:var(--text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-rolle{margin-top:2px;color:var(--hws-blue-dark);font-weight:600}.pm-trenner{height:1px;background:var(--border);margin:12px -14px}.pm-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft);margin-bottom:7px}.pm-modus{display:flex;gap:3px;background:var(--track);padding:3px;border-radius:8px}.pm-modus-btn{flex:1;background:transparent;border:none;border-radius:6px;padding:6px 4px;font-size:12.5px;font-weight:600;font-family:inherit;color:var(--text-soft);cursor:pointer}.pm-modus-btn:hover{color:var(--text)}.pm-modus-btn.active{background:var(--surface);color:var(--hws-blue);box-shadow:var(--shadow)}.pm-abmelden{width:100%;background:none;border:1px solid var(--border);border-radius:8px;padding:8px;font-size:13px;font-weight:600;font-family:inherit;color:var(--text-soft);cursor:pointer}.pm-abmelden:hover{border-color:var(--fehler-text);color:var(--fehler-text)}