:root{--bg:#0f1117;--surface:#1a1d27;--surface2:#242836;--border:#2e3345;--text:#e8eaef;--muted:#8b919e;--primary:#4f7cff;--primary-hover:#3d6ae8;--success:#34c759;--warning:#ff9f0a;--error:#ff453a;--radius:8px;color:var(--text);background:var(--bg);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.app{flex-direction:column;min-height:100vh;display:flex}.header{background:var(--surface);border-bottom:1px solid var(--border);padding:0 1.5rem}.header-inner{justify-content:space-between;align-items:center;max-width:1100px;height:56px;margin:0 auto;display:flex}.logo{font-size:1.1rem;font-weight:600}.nav{gap:1.5rem;display:flex}.nav a{color:var(--muted);font-size:.9rem}.nav a.active{color:var(--text)}.main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.page h2{margin-bottom:.5rem;font-size:1.5rem}.lead{color:var(--muted);margin-bottom:1.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1.25rem}.card h3{margin-bottom:.75rem;font-size:1rem}.btn{border-radius:var(--radius);cursor:pointer;border:none;padding:.5rem 1rem;font-size:.9rem;text-decoration:none;display:inline-block}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-hover);text-decoration:none}.btn.primary:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.muted{color:var(--muted);font-size:.875rem}.error-text{color:var(--error)}.form-group{margin-bottom:1rem}.form-group label{color:var(--muted);margin-bottom:.35rem;font-size:.85rem;display:block}.form-group input,.form-group select{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);padding:.5rem .75rem;font-size:.9rem}.platform-picker{gap:.75rem;margin-bottom:1rem;display:flex}.platform-btn{background:var(--surface2);border:2px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;flex:1;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.95rem;display:flex}.platform-btn.active{border-color:var(--primary);background:#4f7cff1a}.platform-icon{background:var(--border);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex}.validation-report{margin-top:1rem}.validation-status{border-radius:var(--radius);margin-bottom:.75rem;padding:.5rem .75rem;font-size:.9rem}.validation-status.valid{color:var(--success);background:#34c75926}.validation-status.invalid{color:var(--error);background:#ff453a26}.validation-section{margin-bottom:.75rem;font-size:.875rem}.validation-section ul{color:var(--muted);padding-left:1.25rem;list-style:outside}.validation-section.errors ul{color:var(--error)}.validation-section.warnings ul{color:var(--warning)}.connection-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.connection-card.connected{border-color:#34c75966}.connection-status.ok{color:var(--success);margin:.5rem 0;font-size:.85rem}.connection-status.missing{color:var(--muted);margin:.5rem 0;font-size:.85rem}.alert{background:var(--surface2);border-radius:var(--radius);margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.alert.error{color:var(--error);background:#ff453a26}.results-table{border-collapse:collapse;width:100%;font-size:.85rem}.results-table th,.results-table td{text-align:left;border-bottom:1px solid var(--border);padding:.5rem .75rem}.results-table th{color:var(--muted);font-weight:500}.badge{text-transform:uppercase;border-radius:4px;padding:.15rem .5rem;font-size:.75rem;display:inline-block}.badge-success{color:var(--success);background:#34c75933}.badge-failed{color:var(--error);background:#ff453a33}.badge-pending{color:var(--muted);background:#8b919e33}.badge-building{color:var(--primary);background:#4f7cff33}.badge-skipped{color:var(--muted);background:#8b919e33}.badge-completed{color:var(--success);background:#34c75933}.badge-validated{color:var(--primary);background:#4f7cff33}.badge-draft{color:var(--muted);background:#8b919e33}.badge-partial{color:var(--warning);background:#ff9f0a33}.progress-bar{background:var(--surface2);border-radius:3px;height:6px;margin-bottom:.5rem;overflow:hidden}.progress-fill{background:var(--primary);height:100%;transition:width .3s}.progress-stats{color:var(--muted);margin-bottom:1rem;font-size:.85rem}.actions{align-items:center;gap:.75rem;margin-top:1rem;display:flex}.defaults-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.error-cell{color:var(--error);max-width:200px;font-size:.8rem}.import-form{margin-top:1rem}.template-preview{margin:1rem 0}.template-sheet{margin-bottom:1.25rem}.template-sheet h4{margin-bottom:.25rem}.template-columns code{background:var(--surface2);border-radius:3px;padding:.1rem .35rem;font-size:.8rem}.link-btn{color:var(--primary);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.link-btn:disabled{opacity:.5;cursor:not-allowed}