.staff{--bg:#f7f7f5;--panel:#fff;--ink:#1d1d1b;--muted:#6b6b66;--line:#e2e1dc;--accent:#1f4e8c;--danger:#a12a1f;--ok-bg:#e8f3ea;--ok-ink:#1d5b2c;--err-bg:#fbeceb;--highlight:#ecebe5;--warn-bg:#fdf1dc;--warn-ink:#8a5300;color:var(--ink);background:var(--bg);min-height:100vh;font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){.staff{--bg:#161615;--panel:#1f1f1d;--ink:#ecebe6;--muted:#9c9b95;--line:#34332f;--accent:#8db4ea;--danger:#f08a80;--ok-bg:#1d3323;--ok-ink:#9fd8ac;--err-bg:#3a1f1c;--highlight:#2a2a27;--warn-bg:#3a2e17;--warn-ink:#f2c46d}}.staff *{box-sizing:border-box}.staff header{border-bottom:1px solid var(--line);background:var(--panel);z-index:20;flex-wrap:wrap;align-items:center;gap:20px;padding:12px 24px;display:flex;position:sticky;top:0}.staff header strong{margin-right:8px}.staff header a{color:var(--ink);text-decoration:none}.staff header a:hover{color:var(--accent)}.staff header nav{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.staff header nav a.current{color:var(--accent);box-shadow:0 2px 0 var(--accent);font-weight:600}.staff header .who{color:var(--muted);align-items:center;gap:10px;margin-left:auto;display:flex}.staff main{max-width:1200px;margin:0 auto;padding:24px}.staff h1{margin:0 0 16px;font-size:20px}.staff h2{margin:28px 0 10px;font-size:15px}.staff section,.staff .card{background:var(--panel);border:1px solid var(--line);border-radius:8px;margin-bottom:16px;padding:16px}.staff table{border-collapse:collapse;width:100%}.staff th,.staff td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:7px 10px}.staff th{color:var(--muted);font-size:12px;font-weight:500}.staff td.num,.staff th.num{text-align:right;font-variant-numeric:tabular-nums}.staff a{color:var(--accent)}.staff input,.staff select,.staff textarea,.staff button{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:6px 9px}.staff button{cursor:pointer;background:var(--accent);color:#fff;border-color:var(--accent)}.staff button.secondary{background:var(--panel);color:var(--ink);border-color:var(--line)}.staff button:disabled{opacity:.45;cursor:default}.staff button.danger{background:var(--danger);border-color:var(--danger)}.staff a.button{background:var(--accent);color:#fff;border-radius:6px;padding:7px 12px;text-decoration:none;display:inline-block}.staff a.button.secondary{background:var(--panel);color:var(--ink);border:1px solid var(--line);padding:6px 11px}.staff form.inline{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.staff .row{flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:10px;display:flex}.staff label{color:var(--muted);gap:4px;font-size:12px;display:grid}.staff form.filters{flex-wrap:wrap;align-items:end;gap:10px 12px;display:flex}.staff form.filters label.grow{flex:240px}.staff form.filters label.grow input{width:100%}.staff form.filters :is(input,select,button){box-sizing:border-box;height:36px}.staff form.filters select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23888' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;min-width:140px;padding-right:30px}.staff form.filters .actions{align-items:center;gap:12px;display:flex}.staff form.filters+.hint{margin:8px 0 0;font-size:12px}.staff .flash{border-radius:6px;margin-bottom:16px;padding:10px 14px}.staff .flash.ok{background:var(--ok-bg);color:var(--ok-ink)}.staff .flash.err{background:var(--err-bg);color:var(--danger)}.staff .muted{color:var(--muted)}.staff .badge{border:1px solid var(--line);border-radius:10px;padding:1px 7px;font-size:12px;display:inline-block}.staff .grid2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.staff code{font-size:12px}.staff textarea.codes{width:100%;min-height:160px;font-family:ui-monospace,Menlo,monospace}.staff .login{max-width:340px;margin:12vh auto}.staff .login form{gap:12px;display:grid}@media (max-width:640px){.staff main{padding:16px}.staff .table-wrap{overflow-x:auto}}.staff details{margin:8px 0 16px}.staff details>summary{cursor:pointer;color:var(--muted);margin-bottom:8px}.staff details[open]>summary{color:inherit}.staff .small{font-size:12px}.staff tfoot th,.staff tfoot td{border-top:2px solid var(--line);color:var(--ink);font-weight:600;font-size:inherit}.staff .cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:16px;display:grid}.staff .card h3{margin:0 0 8px}.staff .card .label{color:var(--muted);font-size:12px}.staff .card .value{font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.staff [id]{scroll-margin-top:80px}.staff p.move-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.staff p.move-actions label{color:inherit;flex-direction:row;align-items:center;gap:5px;font-size:13px;display:inline-flex}.staff form.fields .row,.staff form.fields.inline{align-items:end}.staff form.fields :is(input:not([type=checkbox]),select,button){box-sizing:border-box;height:36px}.staff form.fields select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23888' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;min-width:120px;padding-right:30px}.staff form.fields label.check{height:36px;color:inherit;flex-direction:row;align-items:center;gap:6px;font-size:13px;display:flex}.staff .cards.list-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.staff .list-tabs{border-bottom:1px solid var(--line);gap:4px;margin:0 0 16px;display:flex}.staff .list-tabs a{color:var(--ink);border:1px solid #0000;border-bottom:0;border-radius:6px 6px 0 0;margin-bottom:-1px;padding:8px 14px;text-decoration:none}.staff .list-tabs a.current{background:var(--panel);border-color:var(--line);color:var(--accent);font-weight:600}.staff .badge.ok{border-color:var(--ok-ink);color:var(--ok-ink)}.staff .badge.bad{border-color:var(--danger);color:var(--danger)}.staff .badge.warn{border-color:var(--warn-ink);color:var(--warn-ink)}.staff .badge.wait{color:var(--muted)}.staff .tpl{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.staff .tpl .table-wrap{overflow-x:auto}.staff .tpl-page{border:1px solid var(--line);background:#fff 50%/100% 100% no-repeat;width:100%;max-width:860px;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000014;container-type:inline-size}.staff .tpl-item{white-space:nowrap;outline-offset:1px;outline:1px dashed #1f4e8c8c;font-family:Arimo,Arial,Helvetica,sans-serif;line-height:1.2;position:absolute;overflow:visible}.staff .tpl-item.current{outline:2px solid var(--accent);background:#1f4e8c0f}.staff table.items td{vertical-align:middle;padding:4px}.staff table.items input:not([type=color]){width:100%}.staff table.items input.num{text-align:right;font-variant-numeric:tabular-nums;width:64px}.staff table.items input[type=color]{width:40px;height:32px;padding:2px}.staff table.items tr.current td{background:var(--highlight)}.staff .placeholders code{background:var(--highlight);border-radius:4px;margin-right:4px;padding:1px 5px}
