:root{color-scheme:light;--altq-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--altq-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--altq-bg: #ffffff;--altq-surface: #f6f7f9;--altq-surface-2: #eceff3;--altq-border: #dce0e6;--altq-border-strong: #b9c0ca;--altq-text: #15181c;--altq-muted: #59626e;--altq-accent: #2c5bcc;--altq-accent-hover: #234aa8;--altq-accent-contrast: #ffffff;--altq-selected: #e5ecfb;--altq-selected-text: #102350;--altq-danger: #b42318;--altq-danger-bg: #fdecea;--altq-warning: #8a4f00;--altq-warning-bg: #fff4e0;--altq-success: #17733f;--altq-success-bg: #e6f5ec;--altq-info-bg: #e9f0fd;--altq-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2359626e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");--altq-focus-ring: 0 0 0 3px rgb(44 91 204 / .35);--altq-radius: 10px;--altq-radius-sm: 6px;--altq-shadow: 0 16px 40px rgb(16 24 40 / .18), 0 2px 6px rgb(16 24 40 / .1);--altq-shadow-sm: 0 1px 2px rgb(16 24 40 / .08);--altq-space-1: 4px;--altq-space-2: 8px;--altq-space-3: 12px;--altq-space-4: 16px;--altq-space-5: 24px;--altq-space-6: 32px;--altq-text-xs: 11px;--altq-text-sm: 12.5px;--altq-text-md: 14px;--altq-text-lg: 16px;--altq-text-xl: 20px}:root[data-theme=dark]{color-scheme:dark;--altq-bg: #16181c;--altq-surface: #1e2126;--altq-surface-2: #272b31;--altq-border: #343a43;--altq-border-strong: #4b525d;--altq-text: #eceef1;--altq-muted: #a4acb7;--altq-accent: #7da3ff;--altq-accent-hover: #9ab8ff;--altq-accent-contrast: #0d1630;--altq-selected: #25324f;--altq-selected-text: #e4ebff;--altq-danger: #ff8a7a;--altq-danger-bg: #3a1c19;--altq-warning: #f5b552;--altq-warning-bg: #352710;--altq-success: #6fd39a;--altq-success-bg: #14301f;--altq-info-bg: #1c2740;--altq-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a4acb7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");--altq-focus-ring: 0 0 0 3px rgb(125 163 255 / .4);--altq-shadow: 0 16px 40px rgb(0 0 0 / .5), 0 2px 6px rgb(0 0 0 / .35);--altq-shadow-sm: 0 1px 2px rgb(0 0 0 / .3)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--altq-bg: #16181c;--altq-surface: #1e2126;--altq-surface-2: #272b31;--altq-border: #343a43;--altq-border-strong: #4b525d;--altq-text: #eceef1;--altq-muted: #a4acb7;--altq-accent: #7da3ff;--altq-accent-hover: #9ab8ff;--altq-accent-contrast: #0d1630;--altq-selected: #25324f;--altq-selected-text: #e4ebff;--altq-danger: #ff8a7a;--altq-danger-bg: #3a1c19;--altq-warning: #f5b552;--altq-warning-bg: #352710;--altq-success: #6fd39a;--altq-success-bg: #14301f;--altq-info-bg: #1c2740;--altq-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a4acb7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");--altq-focus-ring: 0 0 0 3px rgb(125 163 255 / .4);--altq-shadow: 0 16px 40px rgb(0 0 0 / .5), 0 2px 6px rgb(0 0 0 / .35);--altq-shadow-sm: 0 1px 2px rgb(0 0 0 / .3)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}html,body{margin:0;min-height:100%;background:var(--altq-bg);color:var(--altq-text);font:var(--altq-text-md) / 1.45 var(--altq-font);-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}:focus-visible{outline:none;box-shadow:var(--altq-focus-ring)}h1,h2,h3{margin:0;line-height:1.25}h1{font-size:22px;font-weight:650}h2{font-size:var(--altq-text-lg);font-weight:620}h3{font-size:var(--altq-text-md);font-weight:620}p{margin:0}a{color:var(--altq-accent)}code,kbd,.mono{font-family:var(--altq-mono);font-size:.92em}kbd{border:1px solid var(--altq-border-strong);border-bottom-width:2px;border-radius:4px;padding:0 4px;background:var(--altq-surface)}button,input,select,textarea{font:inherit;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--altq-space-2);min-height:34px;padding:0 var(--altq-space-3);border:1px solid var(--altq-border-strong);border-radius:var(--altq-radius-sm);background:var(--altq-bg);color:var(--altq-text);font-weight:550;white-space:nowrap;cursor:pointer;text-decoration:none;transition:background .12s,border-color .12s}.btn:hover:not(:disabled){background:var(--altq-surface)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--altq-accent);border-color:var(--altq-accent);color:var(--altq-accent-contrast)}.btn-primary:hover:not(:disabled){background:var(--altq-accent-hover);border-color:var(--altq-accent-hover)}.btn-danger{color:var(--altq-danger);border-color:color-mix(in srgb,var(--altq-danger) 45%,var(--altq-border))}.btn-danger:hover:not(:disabled){background:var(--altq-danger-bg)}.btn-ghost{border-color:transparent;background:transparent}.btn-sm{min-height:28px;padding:0 var(--altq-space-2);font-size:var(--altq-text-sm)}.btn-icon{min-width:32px;padding:0 6px}.input,.select,.textarea{width:100%;min-height:34px;padding:6px 10px;border:1px solid var(--altq-border-strong);border-radius:var(--altq-radius-sm);background:var(--altq-bg)}.textarea{min-height:84px;resize:vertical;line-height:1.45}.textarea.mono{font-size:13px}.input:focus,.select:focus,.textarea:focus{border-color:var(--altq-accent);outline:none;box-shadow:var(--altq-focus-ring)}.select{appearance:none;padding-right:34px;background-image:var(--altq-select-arrow);background-repeat:no-repeat;background-position:right 10px center;background-size:16px 16px;text-overflow:ellipsis;cursor:pointer}.input:disabled,.select:disabled,.textarea:disabled{opacity:.55;cursor:not-allowed}@media(forced-colors:active){.select{appearance:auto;padding-right:10px;background-image:none}}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--altq-danger)}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field>span:first-child,.label{font-size:var(--altq-text-sm);font-weight:600;color:var(--altq-muted)}.hint{font-size:var(--altq-text-sm);color:var(--altq-muted)}.error-text{font-size:var(--altq-text-sm);color:var(--altq-danger)}.check{display:inline-flex;align-items:center;gap:var(--altq-space-2)}.row{display:flex;align-items:center;gap:var(--altq-space-2);flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:var(--altq-space-3)}.stack-lg{display:flex;flex-direction:column;gap:var(--altq-space-5)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--altq-space-3)}.spacer{flex:1}.muted{color:var(--altq-muted)}.small{font-size:var(--altq-text-sm)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.page{padding:var(--altq-space-5) var(--altq-space-6);max-width:1180px}.page-header{display:flex;align-items:flex-start;gap:var(--altq-space-3);margin-bottom:var(--altq-space-5);flex-wrap:wrap}.page-header p{color:var(--altq-muted);margin-top:4px}.stack-lg>.page-header{margin-bottom:0}.card{border:1px solid var(--altq-border);border-radius:var(--altq-radius);background:var(--altq-bg);padding:var(--altq-space-4)}.card-muted{background:var(--altq-surface)}.empty{padding:var(--altq-space-6);text-align:center;color:var(--altq-muted);border:1px dashed var(--altq-border-strong);border-radius:var(--altq-radius)}.empty h2{color:var(--altq-text);margin-bottom:var(--altq-space-2)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--altq-border);vertical-align:middle}.table th{font-size:var(--altq-text-sm);color:var(--altq-muted);font-weight:600;background:var(--altq-surface)}.table tr:last-child td{border-bottom:none}.table-wrap{border:1px solid var(--altq-border);border-radius:var(--altq-radius);overflow:auto}.badge{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;font-size:var(--altq-text-xs);font-weight:650;background:var(--altq-surface-2);color:var(--altq-muted);white-space:nowrap}.badge-success{background:var(--altq-success-bg);color:var(--altq-success)}.badge-warning{background:var(--altq-warning-bg);color:var(--altq-warning)}.badge-danger{background:var(--altq-danger-bg);color:var(--altq-danger)}.badge-info{background:var(--altq-info-bg);color:var(--altq-accent)}.notice{display:flex;gap:var(--altq-space-2);align-items:flex-start;padding:var(--altq-space-3);border-radius:var(--altq-radius-sm);background:var(--altq-info-bg);font-size:var(--altq-text-sm)}.notice-warning{background:var(--altq-warning-bg);color:var(--altq-warning)}.notice-danger{background:var(--altq-danger-bg);color:var(--altq-danger)}.notice-success{background:var(--altq-success-bg);color:var(--altq-success)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--altq-border)}.tab{padding:8px 12px;border:none;border-bottom:2px solid transparent;background:none;color:var(--altq-muted);font-weight:600;cursor:pointer}.tab[aria-selected=true]{color:var(--altq-text);border-bottom-color:var(--altq-accent)}dialog.modal{border:none;border-radius:var(--altq-radius);padding:0;width:min(560px,calc(100vw - 32px));background:var(--altq-bg);color:var(--altq-text);box-shadow:var(--altq-shadow)}dialog.modal::backdrop{background:#0a0e1673}dialog.modal.wide{width:min(820px,calc(100vw - 32px))}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
