@font-face{font-display:swap;font-family:Metropolis;font-weight:400;src:url(../fonts/Metropolis-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Metropolis;font-weight:700;src:url(../fonts/Metropolis-Bold.woff2) format("woff2")}:root{--waldgruen:#283f37;--sonnengelb:#fece15;--weiss:#fafafa;--bg:var(--weiss);--surface:#fff;--text:var(--waldgruen);--muted:#5b6c63;--accent:var(--waldgruen);--accent-hover:#1e322b;--highlight:var(--sonnengelb);--border:#d4ddd9}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Metropolis,Segoe UI,Helvetica Neue,sans-serif;margin:0}.container{margin:0;max-width:100%;padding:24px}.main-layout{display:flex;gap:0;height:calc(100vh - 57px)}.panel{background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.panel--articles{flex:0 0 380px}.panel--charges{border-radius:0;flex:1}.panel-header{align-items:center;background:#f3f7f5;border-bottom:1px solid var(--border);box-sizing:border-box;display:flex;flex-shrink:0;height:49px;justify-content:space-between;padding:12px 16px}.panel-body{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.panel-header h2{align-items:center;display:flex;font-size:1rem;gap:8px;margin:0}.filter-badge{font-weight:400}.clear-filter,.filter-badge{color:var(--muted);font-size:.85rem}.clear-filter{background:none;border-radius:4px;padding:2px 6px}.clear-filter:hover{background:var(--border);color:var(--text)}.panel-actions{display:flex;gap:6px}.panel-search{border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:8px;padding:10px 16px}.search-input{flex:1;min-width:0}.btn-sm{border-radius:6px;font-size:.85rem;padding:6px 10px}.table-scroll{flex:1;min-height:0;overflow-x:auto;overflow-y:auto}.clickable-row{cursor:pointer}.clickable-row:hover td{background:#eef5f180}.col-actions{white-space:nowrap;width:1%}.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sortable:hover{background:#eef5f1}.sort-icon{color:var(--muted);font-size:.75rem;margin-left:4px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 6px 20px #0000000f;padding:16px}.row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}button{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:10px 14px;transition:background .15s}button:hover{background:var(--accent-hover)}button.secondary{background:var(--highlight);color:var(--waldgruen)}button.secondary:hover{background:#e5b800}input{border:1px solid var(--border);border-radius:8px;padding:9px 10px}input.search-input{min-width:0}select{background:var(--surface);border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:inherit;padding:9px 10px;width:100%}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--border);padding:8px;text-align:left}h1,h2{margin-top:0}.muted{color:var(--muted)}.navbar{background:var(--surface);border-bottom:2px solid var(--border);gap:16px;padding:10px 24px;position:sticky;top:0;z-index:100}.brand,.navbar{align-items:center;display:flex}.brand{color:var(--waldgruen);font-size:1.05rem;font-weight:700;gap:10px;text-decoration:none}.brand-logo{height:28px;width:auto}.brand-text{border-left:2px solid var(--border);color:var(--muted);font-size:.9rem;font-weight:400;padding-left:10px}.nav-actions{align-items:center;display:flex;gap:12px;margin-left:auto}.nav-link{color:var(--waldgruen);font-weight:700;text-decoration:none}.nav-link:hover{color:var(--accent-hover)}.nav-info{color:var(--muted);font-size:.85rem}.navbar button{background:var(--waldgruen);color:#fff;font-weight:700}.navbar button:hover{background:var(--accent-hover)}.navbar button.secondary{background:transparent;border:1px solid var(--border);color:var(--waldgruen)}.navbar button.secondary:hover{background:var(--bg)}.split-layout{align-items:flex-start;display:flex;gap:16px;margin-top:16px}tr.row-selected td{background:#d8ece4}.actions{white-space:nowrap;width:1%}.action-btn{background:none;border-radius:4px;color:var(--accent);font-weight:700;padding:2px 6px;transition:background .15s}.action-btn:hover{background:#fece1559}.action-btn.danger{color:#c0392b}.modal{border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 40px #00000026;max-width:95vw;padding:24px;width:420px}.modal--wide{width:520px}.modal::backdrop{background:#0006}.modal label{display:flex;flex-direction:column;font-size:.85rem;font-weight:600;gap:4px;margin-bottom:10px}.modal input{width:100%}.form-row{display:flex;gap:12px}.form-row label{flex:1}.error{color:#c0392b;font-size:.85rem;margin:4px 0}.autocomplete-wrapper{position:relative;width:100%}.autocomplete-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0000001f;left:0;margin-top:2px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:200}.autocomplete-item{border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:10px;padding:8px 12px}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background:#eef5f1}.autocomplete-num{color:var(--accent);font-weight:600;min-width:50px}.autocomplete-name{color:var(--text)}.autocomplete-empty{color:var(--muted);font-size:.85rem;padding:10px 12px}.col-resize{bottom:0;cursor:col-resize;position:absolute;right:0;top:0;width:5px;z-index:10}.col-resize:hover{background:var(--accent);opacity:.3}th{position:relative}thead th{background:#f3f7f5;position:sticky;top:0;z-index:2}.panel--articles{border-radius:0;border-right:none;flex:none;width:420px}.panel--articles.panel--collapsed{overflow:hidden;width:44px!important}.panel-resize-handle{background:var(--border);cursor:col-resize;flex-shrink:0;transition:background .15s;width:6px}.panel-resize-handle:hover{background:var(--accent)}.collapsed-label{align-items:center;cursor:pointer;display:flex;gap:4px;justify-content:center;padding:8px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.collapsed-arrows{color:var(--accent);font-size:.65rem;opacity:.7}.collapsed-text{color:var(--accent);font-size:.85rem;font-weight:700;letter-spacing:.05em;text-orientation:mixed;writing-mode:vertical-rl}.panel--collapsed .panel-header{align-items:center;border-bottom:none;display:flex;flex:1;flex-direction:column;height:auto;justify-content:flex-start;padding:0}.panel--collapsed .panel-actions{display:flex;justify-content:center;padding:8px 0;width:100%}.panel--collapsed .error,.panel--collapsed .panel-header h2,.panel--collapsed .panel-search,.panel--collapsed .table-scroll{display:none}.icon-btn{font-size:.75rem;min-width:28px;padding:6px 8px}