:root{--bg: #f4f6f8;--surface: #ffffff;--border: #dfe3e8;--text: #1c2530;--muted: #6b7684;--accent: #1f4e78;--accent-dark: #163a5a;--danger: #b3261e;--shadow: 0 1px 3px rgba(20, 30, 45, .08), 0 4px 16px rgba(20, 30, 45, .06);--radius: 8px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px}.muted{color:var(--muted)}.small{font-size:12px}.center{text-align:center}.pad{padding:32px}.spacer{flex:1}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:7px 14px;border-radius:var(--radius);cursor:pointer;font-size:14px;transition:background .12s,border-color .12s}.btn:hover{background:#eef1f5}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-dark)}.btn.primary:disabled{opacity:.55;cursor:default}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:#0000000d}.btn.tiny{padding:4px 9px;font-size:12.5px}.btn.danger{color:var(--danger)}.btn.danger:hover{background:#fbeceb}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;gap:24px;background:var(--surface);border-bottom:1px solid var(--border);padding:0 20px;height:56px;box-shadow:var(--shadow);z-index:5}.brand{display:flex;align-items:center;gap:9px;font-weight:600;font-size:16px}.brand.big{font-size:19px}.brand-mark{color:var(--accent);font-size:18px}.tabs{display:flex;gap:4px}.tab{border:none;background:transparent;padding:8px 14px;border-radius:6px;cursor:pointer;color:var(--muted);font-size:14px;font-weight:500}.tab:hover{background:#0000000d;color:var(--text)}.tab.active{background:#1f4e781a;color:var(--accent)}.user-box{margin-left:auto;display:flex;align-items:center;gap:12px}.content{flex:1;overflow:auto;padding:20px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:32px;width:340px;display:flex;flex-direction:column;gap:14px}.login-sub{margin:-6px 0 6px}.login-card label,.modal label,.user-form label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--muted)}.login-card input,.modal input,.modal select,.modal textarea,.user-form input,.toolbar input,.toolbar select{border:1px solid var(--border);border-radius:6px;padding:8px 10px;font-size:14px;color:var(--text);background:#fff;font-family:inherit}input:focus,select:focus,textarea:focus{outline:2px solid rgba(31,78,120,.35);outline-offset:-1px;border-color:var(--accent)}.error-box{background:#fbeceb;border:1px solid #f1c6c3;color:var(--danger);padding:8px 12px;border-radius:6px;font-size:13px}.info-box{background:#e2f4e6;border:1px solid #b7e0c0;color:#1c7a34;padding:8px 12px;border-radius:6px;font-size:13px}.ro-badge{display:inline-block;margin-left:10px;padding:1px 8px;border-radius:10px;background:#eef2f7;color:#55606d;font-size:11px;font-weight:600}.leads-table th.num,.leads-table td.num{text-align:right;font-variant-numeric:tabular-nums}.ok-dot{color:#1c7a34;font-size:12.5px;font-weight:600}.checkbox.inline{flex-direction:row;align-items:center;gap:6px;color:var(--text);font-size:13px;white-space:nowrap}.checkbox.inline input{width:auto}.leads-page{display:flex;flex-direction:column;gap:12px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.toolbar .search{flex:1 1 260px;min-width:200px}.count-line{font-size:13px}.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.leads-table{width:100%;border-collapse:collapse;font-size:13.5px}.leads-table thead th{text-align:left;padding:10px 12px;background:#f7f9fb;border-bottom:1px solid var(--border);font-weight:600;color:#35414f;white-space:nowrap;position:sticky;top:0}.leads-table th.center{text-align:center}.leads-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.leads-table th.sortable:hover{color:var(--accent)}.leads-table td{padding:9px 12px;border-bottom:1px solid #eef1f4;vertical-align:top}.leads-table tbody tr:hover{background:#f9fbfc}.leads-table td.center{text-align:center}.cell-name{font-weight:600}.cell-web{font-size:12px;color:var(--accent);text-decoration:none}.cell-web:hover{text-decoration:underline}.row-actions{white-space:nowrap;display:flex;gap:6px}.leads-table td.ap-cell{min-width:130px}.ap-input{width:100%;min-width:90px;border:1px solid transparent;border-radius:6px;padding:5px 7px;font-size:13px;color:var(--text);background:transparent;font-family:inherit;transition:border-color .12s,background .12s}.ap-input:hover{border-color:var(--border);background:#fff}.ap-input:focus{outline:none;border-color:var(--accent);background:#fff}.ap-input::placeholder{color:#aab2bd}.ap-input.invalid{border-color:var(--danger);background:#fbeceb}.ap-tel{display:flex;align-items:center;gap:4px}.call-btn{flex:none;text-decoration:none;font-size:15px;line-height:1;padding:4px 5px;border-radius:6px;background:#e2f4e6;border:1px solid #b7e0c0}.call-btn:hover{background:#cfeed7}.ap-status{display:block;margin-top:2px}.ap-status.err{color:var(--danger)}.prio{display:inline-block;min-width:20px;padding:1px 7px;border-radius:10px;font-weight:700;font-size:12px;color:#fff}.prio.p1{background:#b3261e}.prio.p2{background:#c77700}.prio.p3{background:#7a8794}.status-select{border:1px solid var(--border);border-radius:20px;padding:3px 8px;font-size:12.5px;font-weight:600;cursor:pointer}.s-neu{background:#eef2f7;color:#35414f}.s-qual{background:#e5f0fb;color:#1f4e78}.s-kontakt{background:#fff4e0;color:#8a5a00}.s-muster{background:#fdeede;color:#9a5b12}.s-angebot{background:#e8e2fb;color:#4b31a8}.s-gewonnen{background:#e2f4e6;color:#1c7a34}.s-verloren{background:#fbe6e5;color:#a3271f}.s-disq{background:#eceff1;color:#6b7684}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#141e2d73;display:grid;place-items:center;padding:24px;z-index:20}.modal{background:var(--surface);border-radius:12px;width:min(860px,100%);max-height:92vh;display:flex;flex-direction:column;box-shadow:0 12px 48px #00000040}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-head h2{margin:0;font-size:17px}.modal-body{padding:16px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border)}.modal fieldset{border:1px solid var(--border);border-radius:8px;padding:12px 14px 14px;margin:0}.modal legend{font-size:12px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.04em;padding:0 6px}.modal .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.modal textarea{resize:vertical}.modal label.req{position:relative}.users-page h2{margin:0 0 14px}.users-grid{display:grid;grid-template-columns:1fr 320px;gap:18px;align-items:start}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.user-form{display:flex;flex-direction:column;gap:11px}.user-form h3{margin:0 0 4px;font-size:15px}.checkbox{flex-direction:row!important;align-items:center;gap:8px!important;color:var(--text)!important}.checkbox input{width:auto}@media(max-width:820px){.modal .grid{grid-template-columns:1fr 1fr}.users-grid{grid-template-columns:1fr}}