:root{--tknb-bg: #f4f2ec;--tknb-surface: #ffffff;--tknb-ink: #1c1a17;--tknb-muted: #57534e;--tknb-line: #d6d2c8;--tknb-brand: #14432e;--tknb-brand-ink: #ffffff;--tknb-ok: #166534;--tknb-warn: #92400e;--tknb-bad: #991b1b;--tknb-info: #1e3a8a;--tknb-focus: #b45309}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--tknb-bg);color:var(--tknb-ink);font-family:Segoe UI,Arial,sans-serif;font-size:20px;line-height:1.45}h1{font-size:2rem;margin:0 0 .75rem}h2{font-size:1.5rem;margin:1.25rem 0 .5rem}.tknb-shell{max-width:64rem;margin:0 auto;padding:1.5rem}.tknb-card{background:var(--tknb-surface);border:2px solid var(--tknb-line);border-radius:.75rem;padding:1.25rem;margin:1rem 0}.tknb-topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.tknb-btn{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;min-width:6rem;padding:.5rem 1.25rem;border:2px solid var(--tknb-brand);border-radius:.5rem;background:var(--tknb-brand);color:var(--tknb-brand-ink);font:inherit;font-weight:600;cursor:pointer}.tknb-btn:hover{filter:brightness(1.08)}.tknb-btn:disabled{opacity:.5;cursor:not-allowed}.tknb-btn--ghost{background:var(--tknb-surface);color:var(--tknb-brand)}.tknb-btn--danger{background:var(--tknb-bad);border-color:var(--tknb-bad)}.tknb-btn--block{width:100%}.tknb-input{width:100%;min-height:3rem;padding:.5rem .75rem;border:2px solid var(--tknb-line);border-radius:.5rem;font:inherit;background:var(--tknb-surface);color:var(--tknb-ink)}.tknb-label{display:block;font-weight:600;margin:.75rem 0 .25rem}.tknb-hint{color:var(--tknb-muted);font-size:.95rem}.tknb-error{border:2px solid var(--tknb-bad);background:#fdecea;color:var(--tknb-bad);border-radius:.5rem;padding:.75rem 1rem;margin:.75rem 0;font-weight:600}.tknb-success{border:2px solid var(--tknb-ok);background:#ecfdf3;color:var(--tknb-ok);border-radius:.5rem;padding:.75rem 1rem;margin:.75rem 0;font-weight:600}.tknb-info{border:2px solid var(--tknb-info);background:#eef4ff;color:var(--tknb-info);border-radius:.5rem;padding:.75rem 1rem;margin:.75rem 0}.tknb-table{width:100%;border-collapse:collapse;margin:.75rem 0}.tknb-table th,.tknb-table td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--tknb-line);vertical-align:top}.tknb-table th{background:var(--tknb-bg);font-weight:700}.tknb-chip{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-weight:700;font-size:.9rem;border:2px solid transparent}.tknb-chip--online{background:#dcfce7;color:var(--tknb-ok)}.tknb-chip--offline{background:#f5f5f4;color:var(--tknb-muted)}.tknb-chip--state{background:#fef3c7;color:var(--tknb-warn)}.tknb-chip--ok{background:#dcfce7;color:var(--tknb-ok)}.tknb-chip--bad{background:#fee2e2;color:var(--tknb-bad)}.tknb-code{font-family:Consolas,monospace;font-size:1.15rem;background:var(--tknb-bg);border:2px dashed var(--tknb-brand);border-radius:.5rem;padding:.75rem 1rem;word-break:break-all;-webkit-user-select:all;user-select:all}.tknb-nav{display:flex;gap:.75rem;margin:1rem 0}.tknb-nav a{color:var(--tknb-brand);font-weight:700;padding:.5rem .75rem;border-radius:.5rem;text-decoration:none}.tknb-nav a:hover{background:var(--tknb-line)}.tknb-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.tknb-muted-text{color:var(--tknb-muted)}.tknb-focus-visible:focus-visible{outline:4px solid var(--tknb-focus);outline-offset:2px}.tknb-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--tknb-surface, #ffffff);border:1px solid var(--tknb-line, #d6d2c8);flex:none}.tknb-avatar--empty{display:inline-block;background:var(--tknb-line, #d6d2c8)}.tknb-employee-position{display:block;font-size:.9em;margin-top:2px}:root{color-scheme:light;--color-canvas: #f3f5f2;--color-surface: #ffffff;--color-surface-subtle: #f8f9f7;--color-text: #18201c;--color-text-muted: #53605a;--color-border: #c9d0cb;--color-border-strong: #8d9992;--color-brand: #155e3b;--color-brand-hover: #104a2f;--color-brand-active: #0b3823;--color-on-brand: #ffffff;--color-focus: #b45309;--color-link: #174f84;--color-online: #167a45;--color-online-bg: #e7f5ec;--color-offline: #59636d;--color-offline-bg: #edf0f2;--color-unset: #75540d;--color-unset-bg: #fff2cc;--color-queued: #835600;--color-queued-bg: #fff0c2;--color-delivered: #1d4f91;--color-delivered-bg: #e8f1fc;--color-responded: #166534;--color-responded-bg: #e7f6eb;--color-expired: #8b3a36;--color-expired-bg: #faecea;--color-revoked: #59636d;--color-revoked-bg: #edf0f2;--color-danger: #b42318;--color-danger-hover: #8f1d14;--color-danger-bg: #fdecea;--color-on-danger: #ffffff;--color-info: #1d4f91;--color-info-bg: #e8f1fc;--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;--radius-control: 6px;--radius-card: 8px;--radius-dialog: 8px;--border-standard: 1px solid var(--color-border);--shadow-dialog: 0 16px 40px rgb(24 32 28 / 22%);--layer-header: 10;--layer-dialog: 1000;--page-max-boss: 1280px;--page-max-admin: 1360px;--gutter-page: 24px;--gutter-page-narrow: 16px}.tknb2{font-family:Segoe UI,Arial,sans-serif;color:var(--color-text);letter-spacing:0;line-height:1.5}.tknb2 h1{font-size:32px;line-height:40px;font-weight:700;margin:0}.tknb2 h2{font-size:24px;line-height:32px;font-weight:700;margin:0}.tknb2 h3{font-size:20px;line-height:28px;font-weight:700;margin:0}.tknb2 p{margin:0}.tknb2 a{color:var(--color-link)}.tknb2 button,.tknb2 input,.tknb2 select{font:inherit;color:inherit}.tknb2 :is(button,a){touch-action:manipulation}.tknb2 :is(button,a,input,select,[tabindex]):focus-visible{outline:4px solid var(--color-focus);outline-offset:2px}.tknb2 .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-control);font-weight:600;cursor:pointer;text-decoration:none;transition:background-color .12s ease,border-color .12s ease}.tknb2 .btn:disabled{opacity:.55;cursor:not-allowed}.tknb2 .btn--primary{background:var(--color-brand);color:var(--color-on-brand);min-height:52px;padding:0 20px;font-size:18px}.tknb2 .btn--primary:hover:not(:disabled){background:var(--color-brand-hover)}.tknb2 .btn--primary:active:not(:disabled){background:var(--color-brand-active)}.tknb2 .btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong);min-height:52px;padding:0 20px;font-size:18px}.tknb2 .btn--secondary:hover:not(:disabled){border-color:var(--color-text);background:var(--color-surface-subtle)}.tknb2 .btn--ghost{background:transparent;color:var(--color-link);min-height:44px;padding:0 12px;font-size:16px}.tknb2 .btn--ghost:hover:not(:disabled){background:var(--color-surface-subtle)}.tknb2 .btn--danger{background:var(--color-danger);color:var(--color-on-danger);min-height:52px;padding:0 20px;font-size:18px}.tknb2 .btn--danger:hover:not(:disabled){background:var(--color-danger-hover)}.tknb2 .btn--danger-outline{background:var(--color-surface);color:var(--color-danger);border-color:var(--color-danger);min-height:52px;padding:0 20px;font-size:18px}.tknb2 .btn--danger-outline:hover:not(:disabled){background:var(--color-danger-bg)}.tknb2 .btn--sm{min-height:44px;padding:0 16px;font-size:16px}.tknb2 .btn--icon-only{width:44px;height:44px;padding:0;flex:none}.tknb2 .field{display:flex;flex-direction:column;gap:8px}.tknb2 .field label{font-size:16px;font-weight:600;line-height:24px}.tknb2 .field .field__support{font-size:14px;line-height:20px;color:var(--color-text-muted);margin-top:6px}.tknb2 .field .field__error{font-size:14px;line-height:20px;color:var(--color-danger);margin-top:6px}.tknb2 .field input,.tknb2 .field select{min-height:44px;padding:0 12px;border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface);font-size:16px}.tknb2 .field input:focus-visible,.tknb2 .field select:focus-visible{outline:4px solid var(--color-focus);outline-offset:2px}.tknb2 .field input[aria-invalid=true],.tknb2 .field select[aria-invalid=true]{border-color:var(--color-danger)}.tknb2 .field--boss input,.tknb2 .field--boss select{min-height:52px;font-size:18px}.tknb2 .badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:2px 10px;font-size:14px;font-weight:600;line-height:24px;white-space:nowrap}.tknb2 .badge svg{flex:none}.tknb2 .banner{display:flex;align-items:flex-start;gap:8px;border-radius:var(--radius-control);padding:12px 16px;font-size:16px;line-height:24px}.tknb2 .banner--success{background:var(--color-responded-bg);color:var(--color-responded)}.tknb2 .banner--error{background:var(--color-danger-bg);color:var(--color-danger)}.tknb2 .banner--warning{background:var(--color-queued-bg);color:var(--color-queued)}.tknb2 .banner svg{flex:none;margin-top:2px}@media(prefers-reduced-motion:reduce){.tknb2,.tknb2 *,.tknb2 *:before,.tknb2 *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(forced-colors:active){.tknb2 :is(button,a,input,select,[tabindex]):focus-visible{outline-color:Highlight}.tknb2 :is(.btn,.badge,.banner){border:1px solid CanvasText}}