:root{--black: #202020;--gray: #303030;--gray-2: #3a3a3a;--yellow: #ffcb08;--white: #ffffff;--pale: #a0a0a0;--red: #ff6b5e;--green: #5fd17a;--radius: 6px;--btn-h: 40px;--s1: 5px;--s2: 10px;--s3: 20px;--s4: 30px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;font-size:14px}a{color:var(--yellow)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--gray)}::-webkit-scrollbar-thumb{background:var(--yellow)}.page-title{font-size:40px;font-weight:700;margin:0;flex:1 1 auto}.header{font-size:24px;font-weight:700;margin:0 0 var(--s2)}.subheader{font-size:18px;font-weight:700;margin:0 0 var(--s2)}.muted{color:var(--pale)}.small{font-size:12px}.warning{color:var(--yellow);font-weight:700}.danger{color:var(--red);font-weight:700}.ok{color:var(--green)}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}.nowrap{white-space:nowrap}.right{text-align:right}.page{padding:var(--s4) 40px;display:flex;flex-direction:column;gap:var(--s3);min-width:0}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--s2) var(--s3)}.row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2)}.spread{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s2)}.stack{display:flex;flex-direction:column;gap:var(--s2)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--s3);align-items:start}.card{background:var(--gray);border-radius:var(--radius);padding:var(--s3);min-width:0}.card-dark{background:var(--black);border-radius:var(--radius);padding:var(--s3)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--s3) var(--s3)}.span-all{grid-column:1/-1}@media(max-width:700px){.page{padding:var(--s3) 16px}.page-title{font-size:28px}}.btn{height:var(--btn-h);min-width:100px;padding:0 var(--s3);border-radius:var(--radius);border:2px solid var(--yellow);background:var(--yellow);color:#000;font:700 16px Arial,Helvetica,sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;text-decoration:none;flex:0 0 auto}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--white);outline-offset:2px}.btn-open,.btn.active{background:transparent;color:var(--yellow)}.btn-wide{min-width:150px}.btn-sm{height:32px;min-width:0;padding:0 10px;font-size:14px}.btn-xs{height:28px;min-width:36px;padding:0 8px;font-size:13px}.btn-danger{background:var(--red);border-color:var(--red)}.btn-ghost{background:transparent;border-color:transparent;color:var(--yellow)}.field{display:flex;flex-direction:column;gap:var(--s1);min-width:0}.input-label{color:var(--pale);font-size:12px}.input-field,select.input-field,textarea.input-field{width:100%;color:var(--white);background:transparent;font:16px Arial,Helvetica,sans-serif;border:none;border-bottom:1px solid var(--white);padding:6px var(--s2);outline:none}.input-field:focus,select.input-field:focus,textarea.input-field:focus{border-bottom-color:var(--yellow)}.input-field.invalid,select.input-field.invalid,textarea.input-field.invalid{border-bottom-color:var(--red)}.input-field:disabled,select.input-field:disabled,textarea.input-field:disabled{color:var(--pale);border-bottom-style:dashed}select.input-field option{background:var(--gray)}textarea.input-field{border:1px solid var(--pale);border-radius:var(--radius);resize:vertical}.field-error{color:var(--red);font-size:12px}.select{height:var(--btn-h);border-radius:var(--radius);background:var(--yellow);color:#000;font:700 16px Arial,Helvetica,sans-serif;border:none;padding:0 var(--s2);min-width:150px}.search{height:var(--btn-h);border-radius:var(--radius);background:var(--gray);color:var(--white);border:none;padding:0 var(--s2);font-size:16px;min-width:200px;max-width:300px;flex:1 1 200px}.checkbox{appearance:none;width:20px;height:20px;border:2px solid var(--white);border-radius:3px;background:transparent;cursor:pointer;display:inline-grid;place-content:center;margin:0;flex:0 0 auto}.checkbox:before{content:"";width:11px;height:11px;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);background:var(--yellow);transform:scale(0)}.checkbox:checked:before{transform:scale(1)}.checkbox:disabled{opacity:.4;cursor:not-allowed}.check-row{display:flex;align-items:center;gap:var(--s2);cursor:pointer}.table-wrap{width:100%;overflow-x:auto}table.grid{border-collapse:collapse;width:100%}table.grid th{font-size:14px;font-weight:700;color:var(--white);text-align:left;padding:6px 10px;border-bottom:2px solid var(--yellow);white-space:nowrap;-webkit-user-select:none;user-select:none}table.grid th.sortable{cursor:pointer}table.grid td{height:60px;padding:5px 10px;border-bottom:1px solid var(--gray);white-space:nowrap}table.grid tr.dim td{color:var(--pale)}table.grid td.wrap{white-space:normal;min-width:200px}table.grid.compact td{height:44px}table.grid tfoot td{font-weight:700;border-top:2px solid var(--yellow)}.pager{display:flex;justify-content:flex-end;align-items:center;gap:var(--s2)}.pill{display:inline-block;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;border:1px solid currentColor;white-space:nowrap}.note{border-left:4px solid var(--pale);background:var(--gray-2);padding:var(--s2) var(--s3);border-radius:0 var(--radius) var(--radius) 0}.note.warning{border-color:var(--yellow);font-weight:400;color:var(--white)}.note.danger{border-color:var(--red);font-weight:400;color:var(--white)}.note.ok{border-color:var(--green);color:var(--white)}@media print{.no-print{display:none!important}html,body{background:#fff!important;color:#000!important}}
