:root{--bg-app: #FBFBFC;--bg-sidebar: #F6F6F7;--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-muted: #F4F4F5;--bg-hover: rgba(0, 0, 0, .04);--bg-pressed: rgba(0, 0, 0, .06);--bg-selected: rgba(0, 122, 255, .08);--border-subtle: rgba(0, 0, 0, .06);--border-default: rgba(0, 0, 0, .09);--border-strong: rgba(0, 0, 0, .14);--text-primary: #1D1D1F;--text-secondary: #515154;--text-tertiary: #86868B;--text-quaternary: #B4B4B8;--text-on-accent: #FFFFFF;--accent: #007AFF;--accent-hover: #0066D6;--accent-pressed: #0056B8;--accent-soft: rgba(0, 122, 255, .1);--accent-soft-strong: rgba(0, 122, 255, .18);--success: #2DA44E;--success-soft: rgba(45, 164, 78, .1);--warning: #BF6900;--warning-soft: rgba(255, 149, 0, .12);--danger: #D7263D;--danger-soft: rgba(215, 38, 61, .1);--info: #007AFF;--info-soft: rgba(0, 122, 255, .1);--neutral: #6E6E73;--neutral-soft: rgba(110, 110, 115, .1);--brand: #1B7A3E;--shadow-xs: 0 1px 1px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05), 0 0 0 .5px rgba(0, 0, 0, .04);--shadow-md: 0 4px 14px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .04);--shadow-xl: 0 24px 80px rgba(0, 0, 0, .16), 0 4px 12px rgba(0, 0, 0, .06);--focus-ring: 0 0 0 3px rgba(0, 122, 255, .25);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", system-ui, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Monaco, "Cascadia Mono", monospace;--ease-apple: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--sidebar-width: 244px;--topbar-height: 56px;--inspector-width: 420px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);font-size:15px;line-height:1.5;color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11"}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{background:none;border:none;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}hr{border:none;border-top:1px solid var(--border-subtle);margin:0}::selection{background:var(--accent-soft-strong)}.t-display{font-size:32px;line-height:1.15;letter-spacing:-.02em;font-weight:600}.t-title-1{font-size:24px;line-height:1.2;letter-spacing:-.015em;font-weight:600}.t-title-2{font-size:20px;line-height:1.25;letter-spacing:-.01em;font-weight:600}.t-title-3{font-size:17px;line-height:1.3;letter-spacing:-.005em;font-weight:600}.t-headline{font-size:15px;line-height:1.4;font-weight:600}.t-body{font-size:14px;line-height:1.5;font-weight:400}.t-body-strong{font-size:14px;line-height:1.5;font-weight:500}.t-caption{font-size:13px;line-height:1.4;font-weight:400}.t-caption-strong{font-size:13px;line-height:1.4;font-weight:500}.t-micro{font-size:11px;line-height:1.3;font-weight:500;letter-spacing:.01em}.t-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.t-mono{font-family:var(--font-mono)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-quaternary{color:var(--text-quaternary)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.scroll-area{overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.18) transparent}.scroll-area::-webkit-scrollbar{width:10px;height:10px}.scroll-area::-webkit-scrollbar-track{background:transparent}.scroll-area::-webkit-scrollbar-thumb{background:transparent;border-radius:999px;border:3px solid transparent;background-clip:padding-box}.scroll-area:hover::-webkit-scrollbar-thumb{background:#0000002e;background-clip:padding-box;border:3px solid transparent}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;height:100vh;overflow:hidden;background:var(--bg-app)}.sidebar{display:flex;flex-direction:column;background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);min-height:0;overflow:hidden}.sidebar-header{padding:14px 14px 10px;display:flex;align-items:center;gap:10px}.sidebar-logo{width:28px;height:28px;border-radius:7px;background:#fff;border:1px solid var(--border-subtle);display:grid;place-items:center;overflow:hidden;flex-shrink:0}.sidebar-logo img{width:24px;height:24px;object-fit:contain}.sidebar-org{display:flex;flex-direction:column;line-height:1.1;min-width:0}.sidebar-org-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-org-sub{font-size:11px;color:var(--text-tertiary)}.sidebar-search{margin:6px 10px 8px;display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:6px;font-size:13px;color:var(--text-tertiary);cursor:pointer;transition:background .15s var(--ease-apple)}.sidebar-search:hover{background:#fcfcfd}.sidebar-search .kbd{margin-left:auto;font-family:var(--font-mono);font-size:11px;padding:1px 5px;border-radius:4px;background:var(--bg-muted);color:var(--text-tertiary);border:1px solid var(--border-subtle)}.sidebar-nav{flex:1;overflow-y:auto;padding:4px 8px 12px}.sidebar-section{margin-top:10px}.sidebar-section-label{font-size:11px;font-weight:500;color:var(--text-tertiary);padding:6px 8px 4px;letter-spacing:.02em}.sidebar-item{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;border-radius:6px;font-size:13.5px;font-weight:400;color:var(--text-secondary);position:relative;transition:background .12s var(--ease-apple),color .12s var(--ease-apple)}.sidebar-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-item.active{background:var(--bg-surface);color:var(--text-primary);font-weight:500;box-shadow:0 1px 2px #0000000a,0 0 0 .5px var(--border-default)}.sidebar-item .icon-wrap{width:18px;height:18px;display:grid;place-items:center;color:var(--text-tertiary);flex-shrink:0}.sidebar-item.active .icon-wrap{color:var(--accent)}.sidebar-item .count-pill{margin-left:auto;font-size:11px;padding:1px 6px;border-radius:999px;background:var(--bg-muted);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.sidebar-item.active .count-pill{background:var(--accent-soft);color:var(--accent)}.sidebar-footer{padding:8px 10px 12px;border-top:1px solid var(--border-subtle)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:6px;border-radius:8px;width:100%;transition:background .12s var(--ease-apple)}.sidebar-user:hover{background:var(--bg-hover)}.sidebar-user .meta{display:flex;flex-direction:column;line-height:1.2;flex:1;min-width:0;text-align:left}.sidebar-user .meta .name{font-size:13px;font-weight:500;color:var(--text-primary)}.sidebar-user .meta .role{font-size:11px;color:var(--text-tertiary)}.main-col{display:flex;flex-direction:column;min-width:0;height:100vh;overflow:hidden}.topbar{height:var(--topbar-height);flex-shrink:0;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--border-subtle);background:#ffffffb8;backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);gap:16px;z-index:4}.topbar-breadcrumb{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-tertiary)}.topbar-breadcrumb .crumb-current{color:var(--text-primary);font-weight:500}.topbar-breadcrumb .sep{color:var(--text-quaternary)}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.page{flex:1;overflow-y:auto;position:relative}.page-inner{max-width:1280px;margin:0 auto;padding:28px 32px 64px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.page-header h1{margin:0;font-size:28px;font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}.page-header .subtitle{margin-top:4px;color:var(--text-tertiary);font-size:14px}.page-header .actions{display:flex;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;font-size:14px;font-weight:500;border-radius:7px;border:1px solid transparent;transition:background .12s var(--ease-apple),border-color .12s var(--ease-apple),transform 80ms var(--ease-apple),box-shadow .12s var(--ease-apple);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.975)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-primary{background:var(--accent);color:var(--text-on-accent);box-shadow:inset 0 -1px #00000014}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{background:var(--accent-pressed)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-default);box-shadow:0 1px 1.5px #0000000a}.btn-secondary:hover{background:#fafafb;border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#b71f33}.btn-icon{width:36px;padding:0}.btn-sm{height:30px;padding:0 11px;font-size:13px;border-radius:6px}.btn-sm.btn-icon{width:30px;padding:0}.btn-lg{height:44px;padding:0 18px;font-size:15px;border-radius:9px}.btn-lg.btn-icon{width:44px}.input{height:38px;width:100%;padding:0 12px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:7px;font-size:14.5px;color:var(--text-primary);transition:border-color .12s var(--ease-apple),box-shadow .12s var(--ease-apple);outline:none}.input::placeholder{color:var(--text-quaternary)}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea.input{height:auto;padding:8px 10px;resize:vertical;min-height:70px;line-height:1.45}.input-lg{height:46px;font-size:15.5px;padding:0 14px;border-radius:9px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12.5px;font-weight:500;color:var(--text-secondary)}.field-hint{font-size:12px;color:var(--text-tertiary)}.field-error{font-size:12px;color:var(--danger)}.input-search{position:relative}.input-search .icon-wrap{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.input-search input{padding-left:32px}.input-search .clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:grid;place-items:center;border-radius:4px;color:var(--text-tertiary)}.input-search .clear:hover{background:var(--bg-hover);color:var(--text-primary)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.card-header{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle)}.card-header h3{margin:0;font-size:15px;font-weight:600}.card-body{padding:18px}.card-footer{padding:12px 18px;border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:8px}.badge{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 8px;border-radius:999px;font-size:11.5px;font-weight:500;background:var(--neutral-soft);color:var(--neutral);white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:999px;background:currentColor}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-accent{background:var(--accent-soft);color:var(--accent)}.badge-neutral{background:var(--neutral-soft);color:var(--neutral)}.badge-outline{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary)}.avatar{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:var(--bg-muted);color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:-.01em;border:1px solid var(--border-subtle);flex-shrink:0;text-transform:uppercase;-webkit-user-select:none;user-select:none}.avatar-sm{width:24px;height:24px;font-size:10px}.avatar-lg{width:56px;height:56px;font-size:18px}.avatar-xl{width:72px;height:72px;font-size:22px}.switch{position:relative;width:38px;height:22px;background:#78788052;border-radius:999px;transition:background .2s var(--ease-apple);flex-shrink:0}.switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:999px;transition:transform .22s var(--ease-apple);box-shadow:0 1px 1px #0000000a,0 3px 8px #00000026}.switch.on{background:var(--success)}.switch.on:after{transform:translate(16px)}.table-wrap{width:100%}table.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px}table.tbl thead th{text-align:left;font-weight:500;font-size:12px;color:var(--text-tertiary);padding:10px 14px;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);position:sticky;top:0;z-index:1}table.tbl tbody td{padding:12px 14px;border-bottom:1px solid var(--border-subtle);vertical-align:middle;color:var(--text-primary)}table.tbl tbody tr{transition:background .12s var(--ease-apple)}table.tbl tbody tr:hover td{background:#007aff0a}table.tbl tbody tr.selected td{background:var(--bg-selected)}table.tbl tbody tr:last-child td{border-bottom:none}table.tbl td .secondary-line{color:var(--text-tertiary);font-size:12.5px}.toolbar{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.toolbar .input-search{flex:0 0 260px}.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;background:var(--bg-surface);border:1px solid var(--border-default);font-size:12.5px;color:var(--text-secondary);cursor:pointer;transition:background .12s var(--ease-apple),border-color .12s var(--ease-apple);-webkit-user-select:none;user-select:none}.chip:hover{border-color:var(--border-strong)}.chip.active{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.chip .x{width:14px;height:14px;display:grid;place-items:center;border-radius:4px;color:var(--text-tertiary);margin-left:2px}.chip .x:hover{background:#0000000f;color:var(--text-primary)}.kbd-key{font-family:var(--font-mono);font-size:11px;padding:1px 5px;border-radius:4px;background:var(--bg-muted);color:var(--text-tertiary);border:1px solid var(--border-subtle)}.stat{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:18px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden;box-shadow:var(--shadow-xs)}.stat .label{font-size:12.5px;color:var(--text-tertiary);font-weight:500}.stat .value{font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}.stat .delta{font-size:12px;display:inline-flex;align-items:center;gap:4px;font-weight:500}.stat .delta.up{color:var(--success)}.stat .delta.down{color:var(--danger)}.stat .delta.flat{color:var(--text-tertiary)}.stat .spark{margin-top:8px;height:36px}.activity-row{display:flex;align-items:flex-start;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border-subtle)}.activity-row:last-child{border-bottom:none}.activity-row .ic{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--bg-muted);color:var(--text-secondary);flex-shrink:0}.activity-row .ic.success{background:var(--success-soft);color:var(--success)}.activity-row .ic.warning{background:var(--warning-soft);color:var(--warning)}.activity-row .ic.danger{background:var(--danger-soft);color:var(--danger)}.activity-row .ic.info{background:var(--info-soft);color:var(--info)}.activity-row .text{flex:1;font-size:13px;line-height:1.45}.activity-row .text .who{font-weight:500;color:var(--text-primary)}.activity-row .text .when{color:var(--text-tertiary);font-size:12px;margin-top:1px}.inspector-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000002e;opacity:0;pointer-events:none;transition:opacity .22s var(--ease-apple);z-index:10}.inspector-overlay.show{opacity:1;pointer-events:auto}.inspector{position:absolute;top:0;right:0;bottom:0;width:var(--inspector-width);background:var(--bg-surface);border-left:1px solid var(--border-default);box-shadow:-20px 0 40px #0000000f;transform:translate(100%);transition:transform .32s var(--ease-apple);z-index:11;display:flex;flex-direction:column}.inspector.show{transform:translate(0)}.inspector-header{padding:18px 20px 12px;border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:14px}.inspector-top-row{display:flex;align-items:center;justify-content:space-between}.inspector-tabs{display:flex;gap:2px;margin:0 -4px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;-webkit-mask-image:linear-gradient(to right,black calc(100% - 20px),transparent);mask-image:linear-gradient(to right,black calc(100% - 20px),transparent)}.inspector-tabs::-webkit-scrollbar{display:none}.inspector-tab{padding:6px 9px;border-radius:6px;font-size:13px;color:var(--text-secondary);font-weight:500;flex-shrink:0;scroll-snap-align:start;white-space:nowrap;background:transparent;border:none;cursor:pointer}.inspector-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.inspector-tab.active{background:var(--bg-muted);color:var(--text-primary)}.inspector-body{flex:1;overflow-y:auto;padding:18px 20px 28px}.kv-list{display:flex;flex-direction:column}.kv-row{display:grid;grid-template-columns:140px 1fr;gap:16px;padding:8px 0;font-size:13.5px}.kv-row .k{color:var(--text-tertiary)}.kv-row .v{color:var(--text-primary)}.kv-row.divider{border-top:1px solid var(--border-subtle);margin-top:4px;padding-top:14px}.section-block{margin-top:22px}.section-block:first-child{margin-top:0}.section-block-title{font-size:11.5px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);margin-bottom:10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000052;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:grid;place-items:center;padding:24px;z-index:100;animation:fadeIn .2s var(--ease-apple)}.modal{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:560px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;animation:slideUp .24s var(--ease-apple)}.modal-lg{max-width:720px}.modal-header{padding:18px 22px 14px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0;font-size:17px;font-weight:600}.modal-body{padding:20px 22px;overflow-y:auto}.modal-footer{padding:14px 22px;border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:8px;align-items:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(80% 60% at 50% 0%,rgba(0,122,255,.05),transparent 60%),var(--bg-app);padding:40px 20px}.login-card{width:100%;max-width:380px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:32px 28px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:18px}.login-logo{width:52px;height:52px;margin:0 auto 4px;border-radius:12px;background:#fff;display:grid;place-items:center;border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.login-logo img{width:40px;height:40px;object-fit:contain}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column;gap:8px}.spacer{flex:1}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1100px){.grid-4{grid-template-columns:repeat(2,1fr)}}.divider-label{display:flex;align-items:center;gap:12px;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);font-weight:500;margin:22px 0 12px}.divider-label:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.sec-dot{width:8px;height:8px;border-radius:999px;display:inline-block;flex-shrink:0}.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:2px 8px;border-radius:999px;font-weight:500}.status-aktiv{background:var(--success-soft);color:var(--success)}.status-mitglied{background:var(--info-soft);color:var(--info)}.status-funktionaer{background:#7840c81a;color:#6e3fb8}.status-ruhend{background:var(--neutral-soft);color:var(--neutral)}.status-ausgetreten{background:var(--bg-muted);color:var(--text-tertiary)}.pay-bezahlt{background:var(--success-soft);color:var(--success)}.pay-offen{background:var(--warning-soft);color:var(--warning)}.pay-mahnung{background:var(--danger-soft);color:var(--danger)}.pay-sepa{background:var(--info-soft);color:var(--info)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:10px;color:var(--text-tertiary);text-align:center}.empty-state .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--bg-muted);color:var(--text-tertiary)}.empty-state h4{margin:0;font-size:15px;font-weight:600;color:var(--text-primary)}.empty-state p{margin:0;max-width:320px;font-size:13.5px}.section-tag{display:inline-flex;align-items:center;gap:6px;padding:2px 8px 2px 6px;border-radius:999px;background:var(--bg-muted);font-size:12px;color:var(--text-secondary);font-weight:500;border:1px solid var(--border-subtle)}.stepper{display:flex;align-items:center;gap:8px}.stepper .step{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-tertiary)}.stepper .step .num{width:20px;height:20px;border-radius:999px;display:grid;place-items:center;background:var(--bg-muted);color:var(--text-tertiary);font-size:11px;font-weight:600}.stepper .step.active{color:var(--text-primary);font-weight:500}.stepper .step.active .num{background:var(--accent);color:#fff}.stepper .step.done .num{background:var(--success);color:#fff}.stepper .step.done{color:var(--text-secondary)}.stepper .step-sep{width:18px;height:1px;background:var(--border-default)}.secure-tag{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;padding:2px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:500}.bar-track{height:8px;background:var(--bg-muted);border-radius:999px;overflow:hidden;position:relative}.bar-fill{height:100%;border-radius:999px;background:var(--accent);transition:width .4s var(--ease-apple)}[data-lucide],svg.lucide{stroke-width:1.6}.page-fade{animation:pageFade .28s var(--ease-apple)}@keyframes pageFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.donut-legend{display:flex;flex-direction:column;gap:6px;font-size:13px}.donut-legend .lg-row{display:flex;align-items:center;gap:8px}.donut-legend .lg-row .sw{width:10px;height:10px;border-radius:3px}.donut-legend .lg-row .nm{color:var(--text-secondary)}.donut-legend .lg-row .val{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:500}.muted-card{background:var(--bg-muted);border-radius:var(--radius-md);padding:12px 14px;font-size:13.5px;color:var(--text-secondary)}.person-chip{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--bg-surface);transition:background .12s var(--ease-apple),border-color .12s var(--ease-apple)}.person-chip:hover{background:var(--bg-hover);border-color:var(--border-default)}.segmented{display:inline-flex;gap:3px;padding:3px;background:var(--bg-muted);border-radius:9px}.segmented button{padding:6px 13px;border-radius:6px;font-size:13.5px;font-weight:500;color:var(--text-secondary);background:transparent;display:inline-flex;align-items:center;gap:6px;transition:all .16s var(--ease-apple);white-space:nowrap}.segmented button.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:0 1px 2px #0000000d,0 0 0 .5px var(--border-default)}.progress-track{height:4px;background:var(--bg-muted);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .32s var(--ease-apple)}@keyframes rowIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.stagger>*{animation:rowIn .36s var(--ease-apple) both}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--bg-muted) 25%,rgba(0,0,0,.04) 50%,var(--bg-muted) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite linear;border-radius:6px}.bottom-tabs,.mobile-topbar{display:none}[data-theme=dark]{--bg-app: #161618;--bg-sidebar: #1C1C1E;--bg-surface: #232325;--bg-elevated: #2A2A2D;--bg-muted: #2C2C2E;--bg-hover: rgba(255,255,255,.05);--bg-pressed: rgba(255,255,255,.08);--bg-selected: rgba(10,132,255,.16);--border-subtle: rgba(255,255,255,.07);--border-default: rgba(255,255,255,.11);--border-strong: rgba(255,255,255,.18);--text-primary: #F5F5F7;--text-secondary: #C7C7CC;--text-tertiary: #98989D;--text-quaternary: #68686D;--accent: #0A84FF;--accent-hover: #3B9BFF;--accent-pressed: #0066D6;--accent-soft: rgba(10,132,255,.16);--accent-soft-strong: rgba(10,132,255,.26);--success: #30D158;--success-soft: rgba(48,209,88,.16);--warning: #FFB340;--warning-soft: rgba(255,159,10,.16);--danger: #FF6961;--danger-soft: rgba(255,69,58,.16);--info: #0A84FF;--info-soft: rgba(10,132,255,.16);--neutral: #98989D;--neutral-soft: rgba(152,152,157,.16);--shadow-xs: 0 1px 2px rgba(0,0,0,.4);--shadow-sm: 0 1px 3px rgba(0,0,0,.5);--shadow-md: 0 6px 20px rgba(0,0,0,.5);--shadow-lg: 0 16px 48px rgba(0,0,0,.6);--shadow-xl: 0 28px 90px rgba(0,0,0,.7);--focus-ring: 0 0 0 3px rgba(10,132,255,.35)}[data-theme=dark] body{background:var(--bg-app)}[data-theme=dark] .topbar{background:#1c1c1eb8}[data-theme=dark] .mobile-topbar{background:#1c1c1ed1}[data-theme=dark] .login-shell{background:radial-gradient(80% 60% at 50% 0%,rgba(10,132,255,.1),transparent 60%),var(--bg-app)}[data-theme=dark] .btn-primary{box-shadow:inset 0 -1px #0003}[data-theme=dark] .btn-secondary{box-shadow:none;background:var(--bg-surface)}[data-theme=dark] .btn-secondary:hover{background:var(--bg-elevated);border-color:var(--border-strong)}[data-theme=dark] .switch{background:#78788073}[data-theme=dark] .switch:after{background:#f5f5f7;box-shadow:0 1px 1px #0000004d,0 2px 6px #0006}[data-theme=dark] table.tbl tbody tr:hover td{background:#0a84ff14}[data-theme=dark] table.tbl thead th{background:var(--bg-surface)}[data-theme=dark] .status-funktionaer{background:#a078f02e;color:#c7a8f5}[data-theme=dark] .skeleton{background:linear-gradient(90deg,var(--bg-muted) 25%,rgba(255,255,255,.05) 50%,var(--bg-muted) 75%);background-size:800px 100%}[data-theme=dark] .sidebar-logo,[data-theme=dark] .login-logo{background:var(--bg-elevated);border-color:var(--border-default)}[data-theme=dark] .sidebar-search{background:var(--bg-surface)}[data-theme=dark] .sidebar-search:hover{background:var(--bg-elevated)}[data-theme=dark] .inspector-overlay{background:#00000073}[data-theme=dark] .inspector{box-shadow:-20px 0 40px #00000080}[data-theme=dark] .modal-backdrop{background:#0000008c}[data-theme=dark] .scroll-area::-webkit-scrollbar-thumb,[data-theme=dark] .scroll-area:hover::-webkit-scrollbar-thumb{background:#ffffff38;background-clip:padding-box;border:3px solid transparent}[data-theme=dark] .scroll-area{scrollbar-color:rgba(255,255,255,.22) transparent}[data-theme=dark] .sidebar-item.active{background:var(--bg-elevated);box-shadow:0 1px 2px #0006,0 0 0 .5px var(--border-default)}[data-theme=dark] .segmented button.active{background:var(--bg-elevated);box-shadow:0 1px 2px #00000059,0 0 0 .5px var(--border-default)}[data-theme=dark] .bottom-tabs{background:#1c1c1eeb}[data-theme=dark] .chip .x:hover{background:#ffffff1a}[data-theme=dark] .codes-grid .code-cell:nth-child(4n+1),[data-theme=dark] .codes-grid .code-cell:nth-child(4n){background:var(--bg-elevated)}[data-theme=dark] .member-card:hover{background:var(--bg-hover)}[data-theme=dark] .card,[data-theme=dark] .stat{box-shadow:0 1px 2px #00000059}[data-theme=dark] .banner.warn{border-color:#ffb34052}[data-theme=dark] .banner.danger{border-color:#ff696152}[data-theme=dark] .banner.info{background:#0a84ff29}body,.sidebar,.topbar,.card,.stat,.input,.btn,.inspector,.modal{transition:background-color .24s var(--ease-apple),border-color .24s var(--ease-apple),color .16s var(--ease-apple)}@media (max-width: 920px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}:root{--inspector-width: 100vw}}@media (max-width: 768px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-topbar{display:flex;align-items:center;gap:12px;height:56px;flex-shrink:0;padding:0 16px;border-bottom:1px solid var(--border-subtle);background:#ffffffd1;backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);position:sticky;top:0;z-index:6}.mobile-topbar .org{display:flex;align-items:center;gap:9px;flex:1;min-width:0}.mobile-topbar .org .name{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar{display:none}.page-inner{padding:18px 16px 96px}.page-header{flex-direction:column;align-items:stretch;gap:14px}.page-header h1{font-size:24px}.page-header .actions{flex-wrap:wrap}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr 1fr}.dash-2col,.stats-2col{grid-template-columns:1fr!important}.bottom-tabs{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#ffffffdb;backdrop-filter:saturate(1.6) blur(20px);-webkit-backdrop-filter:saturate(1.6) blur(20px);border-top:1px solid var(--border-subtle);z-index:30;justify-content:space-around}[data-theme=dark] .bottom-tabs{background:#1c1c1edb}.bottom-tabs button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text-tertiary);font-size:10.5px;font-weight:500;border-radius:10px;min-height:48px;justify-content:center}.bottom-tabs button.active{color:var(--accent)}.inspector{width:100vw}.toolbar{flex-wrap:wrap}.toolbar .input-search{flex:1 1 100%}.modal{max-width:100%;border-radius:16px 16px 0 0;align-self:flex-end;max-height:92vh}.modal-backdrop{padding:0;align-items:flex-end}}.member-card{display:none;padding:14px;border-bottom:1px solid var(--border-subtle);gap:12px;align-items:center}@media (max-width: 768px){.members-table{display:none}.member-card{display:flex}}.auth-card{width:100%;max-width:420px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:32px 30px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:18px}.auth-card.wide{max-width:560px}.auth-logo{width:52px;height:52px;margin:0 auto;border-radius:13px;background:#fff;display:grid;place-items:center;border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.auth-logo img{width:40px;height:40px;object-fit:contain}.auth-back{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--text-secondary);align-self:flex-start}.auth-back:hover{color:var(--text-primary)}[data-theme=dark] .auth-logo{background:#2a2a2d}.pw-wrap{position:relative}.pw-wrap .toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:grid;place-items:center;border-radius:7px;color:var(--text-tertiary)}.pw-wrap .toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.pw-wrap input{padding-right:42px}.pw-strength{display:flex;flex-direction:column;gap:7px}.pw-strength-bars{display:flex;gap:5px}.pw-strength-bars .seg{flex:1;height:5px;border-radius:999px;background:var(--bg-muted);transition:background .28s var(--ease-apple)}.pw-strength-label{font-size:12.5px;font-weight:500;display:flex;justify-content:space-between}.pw-hint{font-size:12px;color:var(--text-tertiary);display:flex;align-items:center;gap:6px}.code-inputs{display:flex;align-items:center;gap:8px}.code-inputs input{flex:1;min-width:0;text-align:center;font-family:var(--font-mono);font-size:18px;letter-spacing:.12em;height:52px;text-transform:uppercase;border:1px solid var(--border-default);border-radius:10px;background:var(--bg-surface);color:var(--text-primary);outline:none;transition:border-color .12s,box-shadow .12s}.code-inputs input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.code-inputs .dash{color:var(--text-quaternary);font-weight:600}.temp-pw{display:flex;align-items:center;gap:12px;background:#15233b;color:#fff;border-radius:12px;padding:16px 18px}[data-theme=dark] .temp-pw{background:#0d1b30;border:1px solid rgba(255,255,255,.08)}.temp-pw .val{flex:1;font-family:var(--font-mono);font-size:23px;font-weight:600;letter-spacing:.01em}.temp-pw .val .ch{display:inline-block;animation:chReveal .36s var(--ease-apple) both}@keyframes chReveal{0%{opacity:0;transform:translateY(6px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}.temp-pw .copy{color:#ffffffb3;width:38px;height:38px;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.temp-pw .copy:hover{background:#ffffff1f;color:#fff}.codes-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--border-default);border-radius:12px;overflow:hidden}.codes-grid .code-cell{display:flex;align-items:center;gap:10px;padding:13px 16px;font-family:var(--font-mono);font-size:16px;font-weight:500;border-bottom:1px solid var(--border-subtle);letter-spacing:.04em}.codes-grid .code-cell:nth-child(4n+1),.codes-grid .code-cell:nth-child(4n){background:var(--bg-muted)}.codes-grid .code-cell .idx{color:var(--text-quaternary);font-family:var(--font-sans);font-size:12px;width:18px}.codes-grid .code-cell.used{color:var(--text-quaternary);text-decoration:line-through}.banner{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:11px;font-size:13.5px;line-height:1.45;margin-bottom:20px}.banner.warn{background:var(--warning-soft);color:var(--warning);border:1px solid color-mix(in srgb,var(--warning) 25%,transparent)}.banner.danger{background:var(--danger-soft);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 25%,transparent)}.banner.info{background:var(--accent-soft);color:var(--accent)}.banner .banner-text{flex:1}.banner .banner-text strong{font-weight:600}.contact-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-muted);border-radius:10px}.contact-row .ava{width:38px;height:38px;border-radius:999px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:600;flex-shrink:0}@media print{body *{visibility:hidden}.print-codes,.print-codes *{visibility:visible}.print-codes{position:absolute;left:0;top:0;width:100%;padding:40px}}.app-footer{height:36px;flex-shrink:0;display:flex;align-items:center;gap:10px;padding:0 20px;border-top:1px solid var(--border-subtle);background:var(--bg-surface);font-size:12px;color:var(--text-tertiary)}.app-footer a,.app-footer button{color:var(--text-tertiary);transition:color .12s}.app-footer a:hover,.app-footer button:hover{color:var(--text-secondary)}.app-footer .foot-version:hover{color:var(--accent)}.app-footer .foot-sep{color:var(--text-quaternary)}.app-footer .conn{display:inline-flex;align-items:center;gap:6px}.app-footer .conn-dot{width:8px;height:8px;border-radius:999px;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 0%,transparent)}.offline-banner{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:9px 20px;background:var(--danger);color:#fff;font-size:13px;font-weight:500;animation:slideDownBanner .28s var(--ease-apple)}@keyframes slideDownBanner{0%{transform:translateY(-100%)}to{transform:none}}@media (max-width: 768px){.app-footer{display:none}}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-danger{color:var(--danger)!important}.text-warning{color:var(--warning)!important}.text-success{color:var(--success)!important}.btn.text-danger{color:var(--danger)}.btn.text-danger:hover{background:var(--danger-soft)}.help-layout{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:start}.help-toc{position:sticky;top:16px;display:flex;flex-direction:column;gap:2px;padding:6px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);max-height:calc(100vh - 120px);overflow-y:auto}.help-toc-section{margin-top:10px;padding:4px 10px;font-size:11px;font-weight:500;letter-spacing:.02em;color:var(--text-tertiary);text-transform:uppercase}.help-toc-section:first-child{margin-top:0}.help-toc a{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:6px;font-size:13.5px;color:var(--text-secondary);transition:background .12s var(--ease-apple),color .12s var(--ease-apple)}.help-toc a:hover{background:var(--bg-hover);color:var(--text-primary)}.help-toc a.active{background:var(--bg-muted);color:var(--text-primary);font-weight:500}.help-content{display:flex;flex-direction:column;gap:40px;max-width:760px}.help-section{scroll-margin-top:16px}.help-section h2{font-size:22px;font-weight:600;letter-spacing:-.015em;margin:0 0 14px;color:var(--text-primary)}.help-section h3{font-size:16px;font-weight:600;margin:24px 0 8px;color:var(--text-primary)}.help-section p{margin:0 0 12px;line-height:1.6;font-size:14.5px;color:var(--text-secondary)}.help-section ul,.help-section ol{margin:0 0 12px;padding-left:22px;line-height:1.6;font-size:14.5px;color:var(--text-secondary)}.help-section li{margin-bottom:6px}.help-section li strong{color:var(--text-primary)}.help-section .help-step{display:flex;gap:14px;padding:14px;background:var(--bg-muted);border-radius:10px;margin-bottom:10px}.help-section .help-step .num{flex-shrink:0;width:24px;height:24px;border-radius:999px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:600}.help-section .help-step .body{font-size:14px;line-height:1.55;color:var(--text-primary);flex:1}.help-section .help-step .body strong{font-weight:600}.help-callout{display:flex;gap:12px;padding:14px 16px;border-radius:10px;margin:14px 0;font-size:13.5px;line-height:1.55}.help-callout.info{background:var(--accent-soft);color:var(--text-primary)}.help-callout.warn{background:var(--warning-soft);color:var(--text-primary)}.help-callout.danger{background:var(--danger-soft);color:var(--text-primary)}.help-callout strong{font-weight:600}.help-callout .ic{flex-shrink:0;margin-top:2px}.help-glossary dt{font-weight:600;margin-top:12px;color:var(--text-primary)}.help-glossary dd{margin:4px 0 0;padding-left:0;color:var(--text-secondary);font-size:14px;line-height:1.55}@media (max-width: 920px){.help-layout{grid-template-columns:1fr}.help-toc{position:static;max-height:none}}