:root{--ink:#14211c;--ink-soft:#1d2f28;--paper:#f3efe6;--bg:#f3efe6;--surface:#fbfaf6;--surface-2:#f6f3ec;--line:#e2ddd0;--line-soft:#ece7db;--text:#1a2520;--text-soft:#5e6b64;--muted:#5e6b64;--text-faint:#8a948d;--accent:#4db216;--accent-br:#62cf1f;--accent-ink:#357d0e;--amber:#c8821a;--amber-bg:#f7ecd6;--red:#b23b34;--display:"Bricolage Grotesque", serif;--sans:"Hanken Grotesk", sans-serif;--mono:"Spline Sans Mono", monospace;--radius:14px;--shadow:0 1px 2px #14211c0a, 0 8px 24px -12px #14211c2e}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background:var(--paper);color:var(--text);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.brand{align-items:center;gap:11px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent-br), var(--accent));width:34px;height:34px;font-family:var(--display);color:#fff;border-radius:9px;flex:none;place-items:center;font-size:15px;font-weight:800;display:grid;box-shadow:0 4px 14px -4px #4db2168c}.brand-name{font-family:var(--display);color:var(--ink);letter-spacing:-.02em;font-size:18px;font-weight:700}.brand-name span{color:var(--accent)}.container{max-width:1080px;margin:0 auto;padding:0 32px}.container:has(.breed){max-width:1860px}.topbar{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:16px 32px;display:flex}.bnav{color:var(--text-soft);border-radius:9px;padding:8px 13px;font-size:13.5px;font-weight:600}.bnav:hover{background:var(--surface-2);color:var(--text)}.bnav.active{background:var(--accent);color:#fff}button.bnav{font:inherit;cursor:pointer;background:0 0;border:none}.btn{border:1px solid var(--line);background:var(--surface);color:var(--text);box-shadow:var(--shadow);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 15px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn:hover{border-color:#c8c2b2}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-ink);border-color:var(--accent-ink)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.panel-head{border-bottom:1px solid var(--line-soft);align-items:center;gap:12px;padding:16px 18px;display:flex}.panel-head h2{font-family:var(--display);font-size:16px;font-weight:600}.panel-body{padding:18px}.h1{font-family:var(--display);letter-spacing:-.025em;font-size:28px;font-weight:700}.muted{color:var(--text-soft)}.mono{font-family:var(--mono)}.field{margin-bottom:14px}.field label{margin-bottom:7px;font-size:12.5px;font-weight:600;display:block}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--surface);width:100%;font:inherit;border-radius:10px;outline:none;padding:11px 13px;font-size:14px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4db21629}textarea{resize:vertical;line-height:1.5}table.data{border-collapse:collapse;width:100%;font-size:13.5px}table.data th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);border-bottom:1px solid var(--line);padding:11px 14px;font-size:11px;font-weight:600}table.data td{border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:12px 14px}table.data tr:last-child td{border-bottom:none}table.data tr.row-link{cursor:pointer;transition:background .12s}table.data tr.row-link:hover{background:#f1f8e8}.pill{border-radius:100px;align-items:center;gap:6px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.pill.ok{color:var(--accent-ink);background:#e9f5da}.pill.warn{color:var(--amber);background:var(--amber-bg)}.pill.bad{color:var(--red);background:#f6e0dd}.pill.neut{color:var(--text-soft);background:var(--surface-2)}.pill.info{color:#2f6f9e;background:#dde9f1}.pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.banner{background:var(--surface-2);border:1px solid var(--line-soft);border-radius:10px;margin-bottom:16px;padding:10px 13px;font-size:13.5px;font-weight:600}.banner.ok{color:var(--accent-ink);background:#e9f5da;border-color:#cfe6b3}.banner.err,.banner.bad{color:var(--red);background:#f7e3e0;border-color:#ecc8c3}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;display:flex}.tab{font:inherit;color:var(--text-soft);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:10px 10px 0 0;margin-bottom:-1px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .15s}.tab:hover{color:var(--text);background:var(--surface-2)}.tab.active{color:var(--accent-ink);border-bottom-color:var(--accent);background:var(--surface)}.kanaal-row{flex-wrap:wrap;gap:10px;display:flex}.kanaal-chip{cursor:pointer;border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:center;gap:8px;padding:9px 13px;font-size:13.5px;font-weight:600;transition:all .15s;display:flex}.kanaal-chip:hover{border-color:#c8c2b2}.kanaal-chip input{width:auto}.kanaal-chip:has(input:checked){border-color:var(--accent);color:var(--accent-ink);background:#e9f5da}.landing{place-items:center;min-height:100vh;padding:40px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:400px;box-shadow:var(--shadow);padding:30px 28px}.auth-card h1{font-family:var(--display);margin:0 0 6px;font-size:24px;font-weight:700}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}