:root{--bg: #f2f5f8;--surface: #fdfdfc;--surface-2: #e7ecf1;--surface-3: #dce3ea;--border: #d2dae2;--text: #172138;--text-muted: #5a6675;--text-faint: #8895a3;--accent: #2453e0;--proof-navy: #172138;--accent-ink: #0e2f94;--accent-contrast: #ffffff;--accent-soft: #e5ebfc;--ok: #158a50;--ok-bg: #e1f5ea;--ok-ink: #0e5c34;--mangel: #c6303b;--mangel-bg: #fbeaeb;--mangel-ink: #8c1f27;--na: #7c8896;--na-bg: #edf0f3;--shadow: 0 20px 45px -20px rgba(20, 30, 50, .35);--shadow-sm: 0 2px 8px rgba(20, 30, 50, .08);--radius-lg: 22px;--radius-md: 14px;--radius-sm: 9px;--font-ui: "Montserrat", -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Cascadia Mono", Consolas, "Roboto Mono", ui-monospace, monospace}@media (prefers-color-scheme: dark){:root{--bg: #0d1217;--surface: #161d25;--surface-2: #1e2731;--surface-3: #28323d;--border: #2c3743;--text: #eaf0f6;--text-muted: #98a5b3;--text-faint: #838f9d;--accent: #5c87f5;--accent-ink: #c7d6fc;--accent-contrast: #0a1020;--accent-soft: #1b2740;--ok: #39c57f;--ok-bg: #123423;--ok-ink: #8cebb9;--mangel: #ff6b6b;--mangel-bg: #3b1518;--mangel-ink: #ffb3b3;--na: #8a96a4;--na-bg: #212a33}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-ui);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:inherit;color:inherit}a{color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);padding:20px 14px;display:flex;flex-direction:column;gap:2px}.sidebar-brand{display:flex;align-items:center;padding:4px 8px 20px}.sidebar-wordmark-plate{display:block;width:100%}.sidebar-wordmark{width:100%;height:auto;display:block}@media (prefers-color-scheme: dark){.sidebar-wordmark-plate{background:#fdfdfc;padding:6px 10px;border-radius:8px}}.side-master-context{padding:0 8px 12px}.side-master-context select{width:100%;border:1.6px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:8px 10px;font-size:12.5px;font-weight:700;outline:none;transition:.12s ease}.side-master-context select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.side-item{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:9px;cursor:pointer;font-size:13.5px;font-weight:700;color:var(--text-muted);border:none;background:transparent;width:100%;text-align:left;text-decoration:none}.side-item svg{width:17px;height:17px;flex-shrink:0}.side-item:hover{background:var(--surface-2)}.side-item.active{background:var(--accent-soft);color:var(--accent)}.side-divider{height:1px;background:var(--border);margin:10px 4px}.side-foot{margin-top:auto;display:flex;align-items:center;gap:9px;padding:11px 8px;border-top:1px solid var(--border)}.side-foot .avatar{width:30px;height:30px;border-radius:50%;background:var(--surface-3);display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:800;color:var(--text-muted);flex-shrink:0}.side-foot div{line-height:1.25;min-width:0}.side-foot b{font-size:12.5px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-foot span{font-size:11px;color:var(--text-faint)}.side-foot button{margin-left:auto;border:none;background:transparent;color:var(--text-faint);cursor:pointer;width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.side-foot button:hover{background:var(--surface-2);color:var(--mangel)}.main{flex:1;min-width:0;padding:30px 34px 48px}.panel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}.panel-head h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.01em}.panel-head .sub{font-size:12.5px;color:var(--text-muted);margin-top:4px}.stack{display:flex;flex-direction:column;gap:20px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width: 900px){.kpi-grid{grid-template-columns:1fr 1fr}}.kpi-card{background:var(--surface);border:1.4px solid var(--border);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-sm)}.kpi-card .lbl{font-size:11.5px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.kpi-card .val{font-size:26px;font-weight:800;margin-top:6px;font-variant-numeric:tabular-nums}.card{background:var(--surface);border:1.4px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.card-head{padding:15px 18px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px}.card-head h3{margin:0;font-size:14.5px;font-weight:800}.card-body{padding:18px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);font-weight:800;padding:10px 18px;border-bottom:1px solid var(--border);white-space:nowrap}th.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable-th:hover{color:var(--text-muted)}.sort-indicator{display:inline-block;margin-left:5px;font-size:9px;opacity:.5}.sort-indicator.active{opacity:1;color:var(--accent)}th.filterable-th{position:relative}th.filterable-th .th-label{cursor:pointer;-webkit-user-select:none;user-select:none}th.filterable-th .th-label:hover{color:var(--text-muted)}.th-filter-btn{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;width:16px;height:16px;padding:0;border:none;background:transparent;color:var(--text-faint);cursor:pointer;border-radius:4px;vertical-align:middle}.th-filter-btn:hover{background:var(--surface-3);color:var(--text-muted)}.th-filter-btn.active{color:var(--accent)}.th-filter-popover{position:absolute;top:100%;left:0;z-index:30;margin-top:4px;width:220px;background:var(--surface);border:1.4px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:10px;text-transform:none;letter-spacing:normal;font-weight:500;cursor:default}.th-filter-search{width:100%;box-sizing:border-box;border:1.6px solid var(--border);border-radius:var(--radius-sm);padding:6px 9px;font-size:12.5px;background:var(--surface-2);color:var(--text);margin-bottom:8px}.th-filter-search:focus{outline:none;border-color:var(--accent)}.th-filter-option{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;color:var(--text);padding:4px 2px;cursor:pointer;white-space:normal}.th-filter-all{border-bottom:1px solid var(--border);padding-bottom:7px;margin-bottom:4px;font-weight:700}.th-filter-list{max-height:200px;overflow-y:auto}.th-filter-empty{font-size:12px;color:var(--text-faint);padding:6px 2px}td{padding:12px 18px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:var(--surface-2)}td .mono{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}td .name-cell{font-weight:700}td .sub-cell{font-size:11.5px;color:var(--text-muted);margin-top:2px}.empty-row td{color:var(--text-faint);font-style:italic;text-align:center;padding:26px 18px}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px;letter-spacing:.01em;white-space:nowrap}.pill.ok{background:var(--ok-bg);color:var(--ok-ink)}.pill.mangel{background:var(--mangel-bg);color:var(--mangel-ink)}.pill.na{background:var(--na-bg);color:var(--na)}.pill.pending{background:var(--surface-3);color:var(--text-muted)}.pill.progress{background:var(--accent-soft);color:var(--accent)}.chip-input-list{display:flex;flex-wrap:wrap;gap:8px}.kunde-site-tree{display:flex;flex-direction:column;gap:16px}.kunde-site-group-sites{margin-top:8px;margin-left:11px;padding-left:14px;border-left:2px solid var(--border)}.kunde-site-group-label{display:block;font-size:10.5px;font-weight:800;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.chip{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--text);background:var(--surface-3);border-radius:999px;padding:6px 8px 6px 12px;white-space:nowrap}.chip svg{width:14px;height:14px;flex-shrink:0;cursor:pointer;color:var(--text-muted)}.chip svg:hover{color:var(--mangel)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;font-weight:700;color:var(--text-muted)}.field input,.field textarea,.field select{border:1.6px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:10px 12px;font-size:14px;outline:none;transition:.12s ease;width:100%}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field .hint{font-size:11.5px;color:var(--text-faint)}.field .error{font-size:11.5px;color:var(--mangel);font-weight:700}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 700px){.form-grid{grid-template-columns:1fr}}.btn{border:none;border-radius:var(--radius-sm);padding:11px 18px;font-weight:800;font-size:13.5px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.12s ease;white-space:nowrap}.btn.primary{background:var(--accent);color:var(--accent-contrast)}.btn.primary:hover{filter:brightness(1.06)}.btn.ghost{background:var(--surface-2);color:var(--text);border:1.4px solid var(--border)}.btn.danger-outline{background:transparent;border:1.4px solid var(--mangel);color:var(--mangel)}.btn.danger{background:var(--mangel);color:#fff}.btn.danger:hover{filter:brightness(1.06)}.btn.sm{padding:8px 12px;font-size:12.5px;border-radius:8px}.btn:disabled{opacity:.5;cursor:not-allowed}.row-icon-btn{width:28px;height:28px;border-radius:7px;border:1px solid var(--border);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted)}.row-icon-btn svg{width:14px;height:14px}.row-icon-btn:hover{color:var(--accent);border-color:var(--accent)}.row-icon-btn.danger:hover{color:var(--mangel);border-color:var(--mangel)}.icon{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.section-label{font-size:12px;font-weight:800;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px}.banner{border-radius:var(--radius-sm);padding:11px 14px;font-size:13px;font-weight:600}.banner.error{background:var(--mangel-bg);color:var(--mangel-ink);border:1px solid var(--mangel)}.banner.ok{background:var(--ok-bg);color:var(--ok-ink);border:1px solid var(--ok)}.cp-editor-row{display:grid;grid-template-columns:28px 1.3fr 1.3fr 1fr 36px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.cp-editor-row:last-child{border-bottom:none}.cp-editor-row .cp-index{color:var(--text-faint);font-size:11px;font-weight:800;font-family:var(--font-mono)}.cp-editor-row.dragging{opacity:.4}.cp-editor-row.drag-over{border-top:2px solid var(--accent)}.cp-drag-handle{display:flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--text-faint);cursor:grab}.cp-drag-handle:active{cursor:grabbing}.cp-drag-handle:hover{color:var(--text-muted)}.cp-editor-row input{border:1.4px solid var(--border);background:var(--bg);border-radius:8px;padding:8px 10px;font-size:12.5px;color:var(--text);width:100%}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1100px 600px at 12% -10%,var(--accent-soft),transparent 60%),var(--bg);padding:24px}.login-card{width:100%;max-width:360px;background:var(--surface);border:1.4px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:34px 30px;display:flex;flex-direction:column;gap:22px}.login-logo{display:flex;flex-direction:column;align-items:center;gap:12px}.login-wordmark-plate{display:inline-flex}.login-wordmark{height:44px;width:auto;display:block}@media (prefers-color-scheme: dark){.login-wordmark-plate{background:#fdfdfc;padding:8px 14px;border-radius:10px}}.login-logo p{margin:0;font-size:12.5px;color:var(--text-muted)}.login-form{display:flex;flex-direction:column;gap:14px}.table-search{padding:14px 18px;border-bottom:1px solid var(--border)}.table-search input{width:100%;max-width:320px;border:1.6px solid var(--border);background:var(--bg);border-radius:var(--radius-sm);padding:9px 12px;font-size:13.5px;color:var(--text);outline:none}.table-search input:focus{border-color:var(--accent)}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1673;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.confirm-dialog{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow);padding:22px;width:100%;max-width:380px}.confirm-dialog.wide{max-width:640px;max-height:88vh;overflow-y:auto}.confirm-dialog h3{margin:0 0 8px;font-size:16px}.confirm-dialog p{margin:0;font-size:13.5px;color:var(--text-muted);line-height:1.5}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}