:root{--pill-bg: rgba(26, 34, 48, .92);--pill-group-bg: rgba(12, 20, 34, .92);--seg-bg: #0c1422;--field-bg: rgba(0, 0, 0, .22);--field-bg-hover: rgba(0, 0, 0, .3);--field-border: rgba(255, 255, 255, .14)}.btn{font:inherit;font-size:var(--fz-sm);font-weight:500;color:var(--text);background:var(--ctl-bg);border:1px solid var(--ctl-border);border-radius:var(--radius);padding:var(--s2) var(--s5);cursor:pointer;line-height:1.2;display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);transition:background .12s,border-color .12s,color .12s}.btn:hover:not(:disabled){background:var(--ctl-bg-hover)}.btn:disabled{opacity:.45;cursor:default}.btn .ui-icon{font-size:1.3em}.btn-quiet,.btn.ghost{background:transparent;border-color:transparent}.btn-quiet:hover:not(:disabled),.btn.ghost:hover:not(:disabled){background:var(--ctl-bg)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn-primary:hover:not(:disabled){background:#2b94ff}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:600}.btn-danger:hover:not(:disabled){background:#ff6157}.btn-danger-quiet{background:transparent;border-color:transparent;color:var(--muted)}.btn-danger-quiet:hover:not(:disabled){color:#fca5a5;background:color-mix(in srgb,var(--danger) 18%,transparent)}.btn-admin{background:color-mix(in srgb,var(--warn) 14%,transparent);border-color:color-mix(in srgb,var(--warn) 40%,transparent);color:#fcd34d}.btn-admin:hover:not(:disabled){background:color-mix(in srgb,var(--warn) 26%,transparent);color:#fde68a}.btn.is-active,.btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.btn-admin.is-active,.btn-admin.active{background:#b45309;border-color:#b45309;color:#fff}.btn-sm{font-size:var(--fz-sm);padding:var(--s1) var(--s3)}.btn-lg{font-size:var(--fz-md);font-weight:600;padding:var(--s2) var(--s5)}.btn-wide{width:100%}.icon-btn{font:inherit;font-size:16px;line-height:1;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:5px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;transition:background .12s,color .12s,border-color .12s}.icon-btn:hover:not(:disabled){color:var(--text);background:var(--ctl-bg-hover)}.icon-btn.is-active,.icon-btn.active{color:#fff;background:var(--accent)}.icon-btn.danger:hover:not(:disabled){color:#fff;background:var(--danger)}.icon-btn.danger.is-active,.icon-btn.danger.active{color:#fff;background:var(--danger)}.icon-btn:disabled{opacity:.35;cursor:default;background:transparent}.icon-btn.admin{color:#fcd34d}.icon-btn.admin:hover:not(:disabled){background:color-mix(in srgb,var(--warn) 26%,transparent);color:#fde68a}.icon-btn-sm{font-size:14px;padding:3px 5px}.icon-btn-lg{width:28px;height:28px;font-size:15px;padding:0}.link-btn{font:inherit;font-size:var(--fz-xs);color:var(--muted);background:transparent;border:0;cursor:pointer;padding:0 2px;text-decoration:underline;text-underline-offset:2px}.link-btn:hover{color:var(--text)}.ui-seg{display:inline-flex;gap:0;padding:2px;background:var(--seg-bg);border:1px solid var(--line);border-radius:var(--radius)}.ui-seg>.btn,.ui-seg>button{background:transparent;border-color:transparent;border-radius:calc(var(--radius) - 4px);padding:var(--s1) var(--s4)}.ui-seg>.btn:hover:not(:disabled),.ui-seg>button:hover:not(:disabled){background:#1a2536}.ui-seg>.is-active,.ui-seg>.active{background:var(--accent);border-color:var(--accent);color:#fff}.ui-pill{display:inline-flex;align-items:center;gap:var(--s2);height:var(--pill-h);box-sizing:border-box;padding:0 var(--s4);font:inherit;font-size:var(--fz-md);color:var(--text);background:var(--pill-bg);border:1px solid #2a3344;border-radius:var(--radius-sm);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .12s,border-color .12s,color .12s}.ui-pill:hover:not(:disabled){border-color:#3a4658}.ui-pill.is-active,.ui-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.ui-pill:disabled{opacity:.5;cursor:default}.ui-pill-group{display:flex;gap:2px;padding:2px;background:var(--pill-group-bg);border:1px solid var(--line);border-radius:9px;box-shadow:0 2px 8px #00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ui-pill-group>.btn,.ui-pill-group>button{background:transparent;border-color:transparent;border-radius:var(--radius-sm);padding:5px 10px;font-size:var(--fz-sm)}.ui-pill-group>.btn:hover:not(:disabled),.ui-pill-group>button:hover:not(:disabled){background:#ffffff0f}.ui-pill-group>.is-active,.ui-pill-group>.active{background:var(--accent);border-color:var(--accent);color:#fff}.ui-pill-group.is-admin{align-items:center;border-color:#f59e0b59}.ui-pill-group.is-admin>.btn{background:#f59e0b1f;color:#fcd34d}.ui-pill-group.is-admin>.btn:hover:not(:disabled){background:#f59e0b38}.ui-pill-group.is-admin>.is-active,.ui-pill-group.is-admin>.active{background:#b45309;border-color:#b45309;color:#fff}.ui-input,.dlg-input{box-sizing:border-box;font:inherit;font-size:var(--fz-md);color:var(--text);background:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--radius);padding:var(--s2) var(--s4);transition:border-color .12s,background .12s}.ui-input:hover:not(:focus):not(:disabled),.dlg-input:hover:not(:focus){background:var(--field-bg-hover)}.ui-input:focus,.dlg-input:focus{outline:none;border-color:var(--accent)}.ui-input::placeholder,.dlg-input::placeholder{color:var(--muted)}.ui-input:disabled{opacity:.5}.dlg-input{width:100%;resize:vertical}.ui-input-sm{font-size:var(--fz-sm);padding:var(--s1) var(--s3)}.ui-input--area{resize:vertical}.ui-input-wide{width:100%}.ui-input-ghost{font:inherit;color:var(--text);background:transparent;border:1px solid transparent;border-radius:var(--radius);cursor:text}.ui-input-ghost:hover{background:var(--field-bg)}.ui-input-ghost:focus{background:var(--field-bg);border-color:var(--accent)}.ui-search,.plans-search{display:flex;align-items:center;gap:var(--s2);background:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--radius);padding:5px var(--s4);color:var(--muted)}.ui-search input,.plans-search input{flex:1;min-width:0;font:inherit;font-size:var(--fz-md);color:var(--text);background:transparent;border:0;outline:none}.ui-select{font:inherit;font-size:var(--fz-md);color:var(--text);background-color:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--radius-sm);padding:var(--s3) var(--s5);padding-right:var(--s7);cursor:pointer;line-height:1.3;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right var(--s3) center;background-size:11px;transition:border-color .12s}.ui-select:hover:not(:disabled){border-color:#4b5563}.ui-select:focus{outline:none;border-color:var(--accent)}.ui-select:disabled{opacity:.5;cursor:default}.ui-select-sm{font-size:var(--fz-sm);padding:var(--s2) var(--s4);padding-right:var(--s6)}.ui-select.solid{background-color:var(--panel)}.ui-select option,.ui-select optgroup{background:#0b1220;color:var(--text)}.ui-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:16px;background:transparent;cursor:pointer;accent-color:var(--accent)}.ui-range:disabled{opacity:.4;cursor:default}.ui-range::-webkit-slider-runnable-track{height:4px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--text) 18%,transparent)}.ui-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--accent);border:2px solid var(--panel);box-shadow:0 1px 3px #00000080}.ui-range::-moz-range-track{height:4px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--text) 18%,transparent)}.ui-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--panel);box-shadow:0 1px 3px #00000080}.ui-check,.ui-radio{width:14px;height:14px;accent-color:var(--accent);cursor:pointer;flex:0 0 auto}.ui-check:disabled,.ui-radio:disabled{opacity:.5;cursor:default}.ui-swatch{width:28px;height:28px;padding:1px;border:1px solid var(--ctl-border);border-radius:var(--radius-sm);background:none;cursor:pointer;flex:0 0 auto}.ui-swatch::-webkit-color-swatch-wrapper{padding:0}.ui-swatch::-webkit-color-swatch{border:none;border-radius:calc(var(--radius-sm) - 2px)}.ui-swatch::-moz-color-swatch{border:none;border-radius:calc(var(--radius-sm) - 2px)}.ui-swatch-sm{width:15px;height:15px;padding:0;border:none;border-radius:3px;box-shadow:inset 0 0 0 1px #00000059}.ui-swatch-sm::-webkit-color-swatch-wrapper{padding:0}.ui-swatch-sm::-webkit-color-swatch{border:none;border-radius:3px}.ui-swatch-sm::-moz-color-swatch{border:none;border-radius:3px}.ui-file{flex:1;min-width:120px;font:inherit;font-size:var(--fz-sm);color:var(--muted)}.ui-field{display:flex;flex-direction:column;gap:var(--s1)}.ui-field-row{display:flex;align-items:center;gap:var(--s2)}.ui-label{color:var(--muted);font-size:var(--fz-xs);text-transform:uppercase;letter-spacing:.05em}.ui-hint{color:var(--muted);font-size:var(--fz-xs);line-height:1.45}.ui-menu-item{display:flex;align-items:center;gap:var(--s2);width:100%;text-align:left;font:inherit;font-size:var(--fz-md);color:var(--text);background:transparent;border:0;border-radius:var(--radius-sm);padding:7px 9px;cursor:pointer}.ui-menu-item:hover:not(:disabled){background:var(--ctl-bg-hover)}.ui-menu-item.danger{color:#fca5a5}.ui-menu-item:disabled{opacity:.45;cursor:default}
