:root{--bg:#0f1419;--surface:#1a2332;--surface-hover:#243044;--border:#2d3a4f;--text:#e8edf4;--muted:#8b9cb3;--accent:#3b82f6;--accent-hover:#2563eb;--success:#22c55e;--warning:#eab308;--danger:#ef4444;--radius:8px;--font:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.5;overflow-x:hidden}main{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem;width:100%}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 .75rem;font-weight:600}.card{background:var(--surface);border:1px solid var(--border);padding:1.25rem}.btn,.card{border-radius:var(--radius)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid transparent;font-size:.875rem;font-weight:500;cursor:pointer;background:var(--accent);color:white}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface-hover);border-color:var(--border);color:var(--text)}.btn-danger{background:var(--danger)}.input,.select,.textarea{width:100%;padding:.5rem .75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.875rem}.textarea{min-height:80px;resize:vertical}.label{display:block;font-size:.75rem;font-weight:500;color:var(--muted);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.04em}.field{margin-bottom:1rem}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.badge-draft{background:#374151;color:#d1d5db}.badge-active{background:#14532d;color:#86efac}.badge-pending,.badge-running{background:#422006;color:#fde047}.badge-succeeded{background:#14532d;color:#86efac}.badge-failed{background:#450a0a;color:#fca5a5}.badge-health-healthy{background:#14532d;color:#86efac}.badge-health-degraded{background:#422006;color:#fde047}.badge-health-unhealthy{background:#450a0a;color:#fca5a5}.badge-health-unknown{background:#374151;color:#d1d5db}.log-viewer{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;background:#0a0e14;border:1px solid var(--border);border-radius:var(--radius);padding:1rem;max-height:420px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.log-line-info{color:#94a3b8}.log-line-error{color:#f87171}.log-line-warn{color:#fbbf24}.nav{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--surface)}.nav-brand{flex-shrink:0;font-weight:700;text-decoration:none;color:var(--text);min-width:0}.brand-logo,.nav-brand{display:inline-flex;align-items:center}.brand-logo{gap:.5rem}.brand-logo-full,.brand-logo-small{width:auto;flex-shrink:0;object-fit:contain}.brand-logo-img.brand-logo-small{display:none;height:36px;max-width:52px}.brand-logo-img.brand-logo-full{display:block;height:44px;max-width:min(260px,50vw)}.brand-logo-auth .brand-logo-img.brand-logo-full{height:56px;max-width:min(320px,85vw)}.auth-brand{margin:0 0 .75rem;display:flex;justify-content:center}.app-version{font-size:.75rem;font-weight:500;color:var(--muted);vertical-align:middle}.nav-links{display:flex;align-items:center;gap:1rem;margin-left:auto}.nav-toggle{display:none;margin-left:auto;padding:.35rem .75rem;font-size:.8rem}.page-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.page-header h1{margin:0;word-break:break-word}.page-header-tight{align-items:flex-start;margin-bottom:.5rem}.page-header-meta{color:var(--muted);margin:0;word-break:break-word}.page-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;min-width:0}@media (min-width:769px){.table{min-width:520px}}.table td,.table th{text-align:left;padding:.75rem;border-bottom:1px solid var(--border)}.table th{color:var(--muted);font-size:.75rem;text-transform:uppercase}.site-tabs{display:flex;gap:.25rem;margin-bottom:1.5rem;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:.5rem}.site-tab{display:inline-block;padding:.35rem .75rem;border-radius:var(--radius);font-weight:500;font-size:.875rem;color:var(--muted);background:transparent;border:1px solid transparent;text-decoration:none}.site-tab:hover{text-decoration:none;color:var(--text)}.site-tab-active{font-weight:600;color:var(--text);background:var(--surface-hover);border-color:var(--border)}.wizard-steps{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.wizard-step{padding:.35rem .75rem;border-radius:var(--radius);font-size:.8rem;background:var(--surface);border:1px solid var(--border);color:var(--muted)}.wizard-step.active{border-color:var(--accent);color:var(--accent)}.wizard-step.done{color:var(--success);border-color:var(--success)}.alert{padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.875rem}.alert-error{background:#450a0a;border:1px solid #7f1d1d;color:#fecaca}.alert-success{background:#14532d;border:1px solid #166534;color:#86efac}.checkbox-row{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-row input{width:auto}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}@media (max-width:640px){.grid-2{grid-template-columns:1fr}}.kv-editor{margin-bottom:1rem}.kv-editor-table{width:100%;border-collapse:collapse;margin-bottom:.75rem;table-layout:fixed}.kv-editor-table th{text-align:left;padding:.35rem .5rem .5rem;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border)}.kv-editor-table td{padding:.35rem .5rem;vertical-align:top}.kv-col-name{width:38%}.kv-col-value{width:52%}.kv-col-action{width:3rem}.kv-remove{padding:.35rem .55rem;min-width:2rem;line-height:1}@media (max-width:640px){.kv-editor-table,.kv-editor-table tbody,.kv-editor-table td,.kv-editor-table th,.kv-editor-table tr{display:block;width:100%}.kv-editor-table thead{display:none}.kv-editor-table tr{border-bottom:1px solid var(--border);padding-bottom:.75rem;margin-bottom:.75rem}.kv-editor-table td{padding:.25rem 0}.kv-editor-table td:before{content:attr(data-label);display:block;font-size:.75rem;color:var(--muted);text-transform:uppercase;margin-bottom:.25rem}.kv-editor-table td:first-child:before{content:"Name"}.kv-editor-table td:nth-child(2):before{content:"Value"}.kv-col-action{width:100%}}.auth-screen{min-height:calc(100vh - 2rem);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.auth-card{width:100%;max-width:420px}.auth-card h1{margin-bottom:.5rem}.auth-hint{color:var(--muted);font-size:.875rem;margin-bottom:.75rem}.auth-api-url{font-size:.8rem;color:var(--muted);margin-bottom:1.25rem;word-break:break-all}.auth-api-url code{color:var(--text)}.nav-logout{padding:.35rem .75rem;font-size:.8rem}.locale-switcher{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.locale-btn{padding:.35rem .55rem;font-size:.75rem;font-weight:600;background:transparent;color:var(--muted);border:none;cursor:pointer}.locale-btn-active,.locale-btn:hover{color:var(--text);background:var(--surface-hover)}.auth-locale{margin-bottom:1rem}.auth-actions{display:flex;flex-wrap:wrap;gap:.5rem}.auth-actions .btn{flex:1 1 auto}.modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(15,23,42,.55)}.modal{width:min(100%,22rem);max-height:calc(100vh - 2rem);overflow-y:auto}.mobile-qr-scanner h2{margin:0 0 .5rem;font-size:1.125rem}.qr-scanner-viewport{width:100%;min-height:260px;overflow:hidden;background:#0a0e14;margin-bottom:1rem}.qr-scanner-viewport,.qr-scanner-viewport video{border-radius:var(--radius)}.mobile-qr-modal h2{margin:0 0 .5rem;font-size:1.125rem}.mobile-qr-hint{color:var(--muted);font-size:.875rem;margin-bottom:1rem}.mobile-qr-image{display:block;margin:0 auto .75rem;border-radius:var(--radius)}.mobile-qr-expires,.mobile-qr-status{text-align:center;font-size:.875rem;color:var(--muted);margin-bottom:1rem}.mobile-qr-actions{display:flex;gap:.5rem}.mobile-qr-actions .btn{flex:1 1}.nav-mobile-qr{padding:.35rem .75rem;font-size:.8rem}.mobile-auth-card{text-align:center}.mobile-auth-status{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.confirm-dialog h2{margin:0 0 .75rem;font-size:1.125rem}.confirm-dialog-message{color:var(--muted);font-size:.9rem;margin:0 0 1.25rem;line-height:1.5}.confirm-dialog-actions{display:flex;gap:.5rem;justify-content:flex-end}.confirm-dialog-actions .btn{min-width:5.5rem}@media (max-width:768px){main{padding:1rem .75rem 3rem}h1{font-size:1.35rem}.brand-logo-img.brand-logo-small{display:block;height:48px;max-width:72px}.brand-logo-img.brand-logo-full{display:none}.brand-logo-auth .brand-logo-img.brand-logo-full{height:64px}.brand-logo .app-version{font-size:.7rem}.nav-toggle{display:inline-flex}.nav-links{display:none;width:100%;flex-direction:column;align-items:stretch;gap:.35rem;margin-left:0;padding-top:.25rem;border-top:1px solid var(--border)}.nav-links-open{display:flex}.nav-links a{padding:.5rem .25rem;text-decoration:none}.nav-links .btn,.nav-links .locale-switcher{width:100%;justify-content:center}.nav-mobile-qr{display:none}.nav-logout{width:100%;justify-content:center}.page-header{flex-direction:column}.page-header,.page-header-tight{align-items:stretch}.page-actions{justify-content:stretch}.page-actions .btn{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 0.25rem);justify-content:center}.table .col-hide-mobile{display:none}.site-tabs{gap:.35rem!important}.site-tab{font-size:.8rem!important;padding:.3rem .55rem!important}}