:root{--space-4xs: .125rem;--space-3xs: .25rem;--space-2xs: .375rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-family: "Pretendard", "Segoe UI", system-ui, sans-serif;--font-mono: "Cascadia Code", "Consolas", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-md: .875rem;--text-lg: 1rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--leading-tight: 1.3;--leading-normal: 1.6;--weight-normal: 400;--weight-medium: 500;--weight-bold: 600;--bg-root: #0e0e10;--bg-surface: #18181b;--bg-raised: #1e1e22;--bg-inset: #0a0a0c;--border-subtle: #27272a;--border-default: #3f3f46;--border-focus: #4472c4;--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--text-muted: #71717a;--status-queued: #93c5fd;--status-running: #fde047;--status-completed: #86efac;--status-failed: #fca5a5;--status-cancelled: #a1a1aa;--accent: #4472c4;--accent-hover: #3b63a8;--accent-text: #ffffff;--danger: #dc2626;--success: #22c55e;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--duration-fast: .12s;--duration-normal: .2s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;-webkit-font-smoothing:antialiased}body{font-family:var(--font-family);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-root);min-height:100vh}code,pre{font-family:var(--font-mono)}button{font:inherit;cursor:pointer}table{border-collapse:collapse;width:100%}.login{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-md)}.login__card{width:100%;max-width:22rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md)}.login__title{font-size:var(--text-xl);font-weight:var(--weight-bold);text-align:center;margin-bottom:var(--space-xs)}.login__label{font-size:var(--text-sm);color:var(--text-secondary)}.login__input{width:100%;padding:var(--space-xs) var(--space-sm);background:var(--bg-inset);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-md);outline:none;transition:border-color var(--duration-normal)}.login__input:focus{border-color:var(--border-focus)}.login__error{font-size:var(--text-xs);color:var(--status-failed)}.login__submit{width:100%;padding:var(--space-xs);background:var(--accent);color:var(--accent-text);border:none;border-radius:var(--radius-md);font-size:var(--text-md);font-weight:var(--weight-medium);transition:background var(--duration-fast)}.login__submit:hover{background:var(--accent-hover)}.login__submit:disabled{opacity:.6;cursor:not-allowed}.app{max-width:56rem;margin:0 auto;padding:var(--space-xl) var(--space-md)}.app__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.app__actions{display:flex;gap:var(--space-xs)}.app__nav{display:flex;align-items:center;gap:var(--space-sm)}.app__title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary)}.app__section{margin-bottom:var(--space-xl)}.upload__zone{border:2px dashed var(--border-default);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-md);text-align:center;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--duration-normal)}.upload__zone:hover,.upload__zone--active{border-color:var(--border-focus);color:var(--text-primary)}.upload__input{display:none}.upload__status{margin-top:var(--space-xs);font-size:var(--text-xs);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;max-height:400px;overflow-y:auto;padding:var(--space-xs);border-radius:var(--radius-sm);background:var(--bg-inset);border:1px solid var(--border-subtle)}.upload__status--error{color:var(--status-failed);border-color:var(--status-failed)}.upload__status--success{color:var(--status-completed);border-color:var(--status-completed)}.upload__status--loading{color:var(--text-muted)}.upload__form{display:flex;flex-direction:column;gap:var(--space-xs);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-md)}.upload__file-info{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);color:var(--text-secondary)}.upload__name{padding:var(--space-xs) var(--space-sm);background:var(--bg-inset);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-md);outline:none}.upload__name:focus{border-color:var(--border-focus)}.upload__submit{padding:var(--space-xs);background:var(--accent);color:var(--accent-text);border:none;border-radius:var(--radius-sm);font-size:var(--text-md);font-weight:var(--weight-medium);cursor:pointer}.upload__submit:hover{background:var(--accent-hover)}.campaigns__empty{font-size:var(--text-sm);color:var(--text-muted);padding:var(--space-lg) 0;text-align:center}.campaigns__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:var(--space-md)}.campaigns__card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);cursor:pointer;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.campaigns__card:hover{border-color:var(--border-focus);box-shadow:var(--shadow-md)}.campaigns__card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.campaigns__card-name{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--text-primary)}.campaigns__card-meta{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-muted)}.campaigns__card-meta code{font-family:var(--font-mono)}.badge{display:inline-block;padding:var(--space-4xs) var(--space-xs);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-bold);line-height:var(--leading-tight);border:1px solid currentColor}.badge--pending_sessions{color:#f0a050}.badge--queued{color:var(--status-queued)}.badge--running{color:var(--status-running)}.badge--completed{color:var(--status-completed)}.badge--failed{color:var(--status-failed)}.badge--cancelled{color:var(--status-cancelled)}.btn{display:inline-flex;align-items:center;padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);transition:background var(--duration-fast),border-color var(--duration-fast)}.btn--ghost{background:none;border:1px solid var(--border-default);color:var(--text-secondary)}.btn--ghost:hover{border-color:var(--text-muted);color:var(--text-primary)}.btn--danger{background:none;border:1px solid var(--danger);color:var(--status-failed)}.btn--danger:hover{background:var(--danger);color:var(--accent-text)}.setup{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.setup__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) var(--space-sm);background:var(--bg-raised);border-bottom:1px solid var(--border-subtle)}.setup__title{font-size:var(--text-sm);font-weight:var(--weight-medium)}.setup__execute{padding:var(--space-3xs) var(--space-sm);background:var(--accent);color:var(--accent-text);border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-bold);cursor:pointer}.setup__execute:hover{background:var(--accent-hover)}.setup__execute:disabled{opacity:.5;cursor:not-allowed}.setup__accounts{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding:var(--space-sm)}.setup__account{padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);border:1px solid}.setup__account--ready{color:var(--status-completed);border-color:var(--status-completed)}.setup__account--missing{color:var(--status-failed);border-color:var(--status-failed)}.setup__account--active{color:var(--status-running);border-color:var(--status-running)}.setup__error{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);color:var(--status-failed)}.setup__error--block{margin:var(--space-xs) var(--space-sm);padding:var(--space-xs) var(--space-sm);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;border:1px solid var(--status-failed);border-radius:var(--radius-sm);background:var(--bg-inset)}.validate__status{margin:0;padding:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);white-space:pre-wrap;word-break:break-word;max-height:400px;overflow-y:auto;border-radius:var(--radius-sm);background:var(--bg-inset);border:1px solid var(--border-subtle);color:var(--text-muted)}.validate__status--ok{color:var(--status-completed);border-color:var(--status-completed)}.validate__status--err{color:var(--status-failed);border-color:var(--status-failed)}.setup__vnc-status{padding:var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-sm)}.setup__vnc{border-top:1px solid var(--border-subtle)}.setup__vnc-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--bg-raised);font-size:var(--text-xs);color:var(--text-secondary)}.setup__hint{color:var(--text-muted)}.setup__hint kbd{background:var(--bg-inset);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-4xs) var(--space-3xs);font-family:var(--font-mono);font-size:var(--text-xs)}.setup__mode{display:flex;gap:var(--space-xs);margin-left:auto;margin-right:var(--space-sm)}.setup__mode-option{display:inline-flex;align-items:center;gap:var(--space-3xs);padding:var(--space-3xs) var(--space-xs);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.setup__mode-option--active{color:var(--accent);border-color:var(--accent);background:var(--bg-raised)}.setup__mode-option input[type=radio]{margin:0}.setup__mode-option input[type=radio]:disabled+*{opacity:.5}.setup__mode-desc{padding:var(--space-3xs) var(--space-sm);font-size:var(--text-xs);color:var(--text-muted);border-bottom:1px solid var(--border-subtle);margin:0}.setup__viewer{width:100%;height:calc(100vh - 10rem);min-height:40rem;border:none;background:#000}.log__container{background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.log__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) var(--space-sm);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.log__title{font-size:var(--text-xs);color:var(--text-muted)}.log__title code{color:var(--text-secondary)}.log__live{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--status-completed);animation:log__pulse 1.5s ease-in-out infinite}@keyframes log__pulse{0%,to{opacity:1}50%{opacity:.4}}.log__actions{display:flex;align-items:center;gap:var(--space-xs)}.log__vnc{width:100%;height:calc(100vh - 16rem);min-height:30rem;border:none;border-bottom:1px solid var(--border-subtle);background:#000}.log__output{padding:var(--space-sm);max-height:25rem;overflow-y:auto;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--text-secondary);white-space:pre-wrap;word-break:break-all}