:root{--bg: #f3f6fb;--bg-soft: #eef3fa;--panel: #ffffff;--panel-soft: #f8fbff;--text: #0f172a;--muted: #64748b;--line: #dbe5f1;--line-strong: #c8d6e8;--brand: #1e3a8a;--brand-hover: #1d4ed8;--accent: #2563eb;--accent-soft: #e6efff;--danger: #dc2626;--danger-soft: #fef2f2;--ok: #15803d;--ok-soft: #ecfdf3;--warn: #b45309;--warn-soft: #fffbeb;--radius-xs: 8px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--shadow-soft: 0 10px 28px rgba(30, 58, 138, .05);--shadow-focus: 0 0 0 3px rgba(37, 99, 235, .18)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(1200px 500px at 15% -25%,#dbeafe 0%,transparent 60%),radial-gradient(900px 400px at 100% -20%,#e2e8f0 0%,transparent 55%),var(--bg);font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,sans-serif}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid var(--line);background:linear-gradient(180deg,#f8fbff,#f2f7fd);padding:22px 16px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;flex-direction:column;gap:3px;margin-bottom:16px}.brand strong{font-size:18px;letter-spacing:-.02em}.brand span{font-size:12px;color:var(--muted)}.small-label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:6px}.mt-16{margin-top:16px}.ml-10{margin-left:10px}.sidebar select,.sidebar input{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;padding:10px 12px;font-size:14px;color:var(--text)}.new-project-box{margin-top:10px;display:flex;flex-direction:column;gap:8px;background:#ffffff9e;border:1px solid var(--line);border-radius:var(--radius-md);padding:10px}.new-project-box .small-label{margin-bottom:2px}.new-project-box button{width:100%}.sidebar-divider{border-top:1px solid var(--line-strong);margin-top:14px;padding-top:12px}.menu{margin-top:16px;display:flex;flex-direction:column;gap:5px}.menu-item{border:1px solid transparent;text-align:left;border-radius:var(--radius-sm);padding:10px 12px;background:transparent;color:#334155;font-weight:600;cursor:pointer;transition:all .15s ease}.menu-item:hover{background:#edf3fb;border-color:#d7e3f4}.menu-item.active{color:#0b3ba8;background:var(--accent-soft);border-color:#c8dcff}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #c7dafc;background:#eff5ff;color:#1d4ed8;border-radius:999px;font-size:12px;padding:7px 10px;font-weight:600;cursor:pointer}.chip.active{border-color:#1d4ed8;background:#dbeafe}.main{padding:28px}h1{margin:0 0 12px;font-size:28px;letter-spacing:-.03em}h3{margin-top:0;margin-bottom:10px}.muted{color:var(--muted)}.alert{border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;background:#fff;margin-bottom:12px}.alert.success{border-color:#86efac;background:#f0fdf4;color:#166534}.alert.error{border-color:#fecaca;background:#fef2f2;color:#991b1b}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px;margin-bottom:16px;box-shadow:var(--shadow-soft)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-card{background:linear-gradient(180deg,#fff,#f9fbff);border:1px solid var(--line);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:8px}.stat-card span{font-size:12px;color:var(--muted)}.stat-card strong{font-size:20px;letter-spacing:-.02em}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#334155;font-weight:600}.form-grid input,.form-grid select,.form-grid textarea,td input,td select{border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;font-size:14px;color:var(--text);background:#fff}.form-grid textarea{resize:vertical}.form-grid .full-row{grid-column:1 / -1}button{border:1px solid transparent;border-radius:var(--radius-sm);padding:10px 12px;background:var(--brand);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}button:hover{background:var(--brand-hover)}button:disabled{opacity:.55;cursor:not-allowed}.neutral-btn{background:#475569}.neutral-btn:hover{background:#334155}.danger-btn{background:var(--danger)}.danger-btn:hover{background:#b91c1c}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:860px}th,td{border-bottom:1px solid #edf2f9;padding:10px 8px;text-align:left;font-size:13px;vertical-align:top}thead th{font-size:12px;color:#64748b;font-weight:700;background:#f7fafe;position:sticky;top:0;z-index:1}.row-actions{display:flex;flex-wrap:wrap;gap:6px}.row-actions button{font-size:12px;padding:7px 9px}.alt-row td{background:#fcfdff}.selected-row td{background:#ecf4ff}.table-link-btn{border:0;background:transparent;color:#1d4ed8;cursor:pointer;padding:0;font-weight:700}.table-link-btn:hover{background:transparent;text-decoration:underline}.run-name-cell{display:flex;flex-direction:column;gap:4px;min-width:320px}.run-title-btn{text-align:left;line-height:1.35}.run-subline{line-height:1.4;font-size:12px}.table-copy-btn{border:0;background:transparent;color:#475569;font-size:12px;font-weight:700;padding:0}.table-copy-btn:hover{background:transparent;color:#1d4ed8;text-decoration:underline}.status{display:inline-block;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;border:1px solid transparent}.status.matched{color:#166534;background:#dcfce7;border-color:#86efac}.status.mismatch{color:#9a3412;background:#ffedd5;border-color:#fdba74}.status.missing{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.status.blocked{color:#334155;background:#e2e8f0;border-color:#cbd5e1}.status.unchecked{color:#0c4a6e;background:#e0f2fe;border-color:#7dd3fc}.status.retest-needed{color:#7c2d12;background:#ffedd5;border-color:#fb923c}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.export-list{margin:0;padding-left:18px}.export-list a{color:#1d4ed8;text-decoration:none}.export-list a:hover{text-decoration:underline}.detail-card ul{margin:10px 0}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:8px}.detail-grid>div{border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px;display:flex;flex-direction:column;gap:5px;background:var(--panel-soft)}.scope-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 1280px){.stats-grid,.form-grid,.detail-grid,.scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.main{padding:16px}.stats-grid,.form-grid,.split,.detail-grid,.scope-grid{grid-template-columns:1fr}}