:root{color-scheme:light;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg-base: oklch(.96 .008 80);--bg-panel: oklch(.985 .004 80);--bg-muted: oklch(.94 .006 80);--bg-strong: oklch(.2 .01 60);--line-subtle: oklch(.9 .006 80);--line-default: oklch(.84 .009 70);--line-strong: oklch(.7 .012 70);--text-primary: oklch(.24 .012 65);--text-secondary: oklch(.43 .01 65);--text-tertiary: oklch(.55 .01 70);--text-inverse: oklch(.97 .004 80);--amber: oklch(.72 .15 75);--amber-muted: oklch(.94 .05 78);--green: oklch(.71 .13 150);--green-muted: oklch(.95 .04 150);--red: oklch(.63 .17 28);--red-muted: oklch(.94 .04 28);--blue: oklch(.63 .11 250);--blue-muted: oklch(.95 .02 250);--purple: oklch(.64 .11 315);--purple-muted: oklch(.95 .025 315);--shadow-soft: 0 12px 40px rgba(48, 40, 24, .07);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--transition-fast: .16s ease-out;--transition-base: .22s ease-out}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:linear-gradient(180deg,#f3f0e8c7,#f5f3eefa),var(--bg-base);color:var(--text-primary)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.ops-shell{display:grid;grid-template-columns:264px 1fr;min-height:100vh}.ops-sidebar{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6) var(--space-5);border-right:1px solid var(--line-subtle);background:color-mix(in srgb,var(--bg-panel) 86%,white 14%)}.brand-block,.operator-block{display:flex;align-items:center;gap:var(--space-3)}.brand-mark,.operator-avatar{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--amber),color-mix(in srgb,var(--amber) 62%,#845b15 38%));color:var(--text-inverse);font-weight:700}.brand-block strong,.operator-block strong{display:block;font-size:16px}.brand-block small,.operator-block small{display:block;margin-top:2px;color:var(--text-tertiary)}.sidebar-nav{display:grid;gap:var(--space-6)}.sidebar-group{display:grid;gap:var(--space-2)}.sidebar-group-label{padding-inline:var(--space-3);color:var(--text-tertiary);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.sidebar-link{min-height:44px;border:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:10px 12px;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);text-align:left;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.sidebar-link:hover,.sidebar-link.is-active{background:var(--bg-muted);color:var(--text-primary)}.sidebar-link.is-active{box-shadow:inset 2px 0 0 var(--amber)}.sidebar-badge,.env-pill,.subbar-count,.best-chip{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 8px;border-radius:var(--radius-pill);background:var(--bg-muted);color:var(--text-secondary);font-size:12px}.sidebar-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line-subtle)}.env-pill{border:1px solid color-mix(in srgb,var(--amber) 30%,var(--line-default) 70%);background:var(--amber-muted);color:color-mix(in srgb,var(--amber) 72%,var(--text-primary) 28%);font-weight:700}.ops-main{display:grid;grid-template-rows:auto 1fr;min-width:0}.ops-topbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);gap:var(--space-6);padding:var(--space-6) clamp(20px,3vw,36px);border-bottom:1px solid var(--line-subtle);background:color-mix(in srgb,var(--bg-panel) 78%,transparent 22%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.topbar-heading{display:grid;gap:var(--space-2)}.topbar-breadcrumb{color:var(--text-tertiary);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.topbar-heading h1{margin:0;font-family:ui-serif,Iowan Old Style,Palatino Linotype,Georgia,serif;font-size:clamp(28px,4vw,40px);line-height:1.1;letter-spacing:-.03em}.topbar-heading p{margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;color:var(--text-secondary);max-width:72ch}.eyebrow-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-pill);background:var(--amber-muted);color:color-mix(in srgb,var(--amber) 70%,var(--text-primary) 30%);font-size:12px;font-weight:700;letter-spacing:.08em}.topbar-tools{display:grid;gap:var(--space-3);align-content:start}.search-field{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-3);min-height:48px;padding:0 14px;border-radius:var(--radius-md);border:1px solid var(--line-default);background:var(--bg-panel);box-shadow:var(--shadow-soft)}.search-field input{border:0;background:transparent;outline:none;min-width:0;color:var(--text-primary)}.search-field input::placeholder{color:var(--text-tertiary)}.search-hint{color:var(--text-tertiary);font-size:12px}.topbar-meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.api-sync-panel{display:grid;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) auto auto;gap:var(--space-2);align-items:end}.api-sync-panel label{display:grid;gap:5px;color:var(--text-tertiary);font-size:12px}.api-sync-panel input{min-height:40px;border:1px solid var(--line-subtle);border-radius:var(--radius-md);padding:0 12px;background:var(--bg-panel);color:var(--text-primary)}.api-sync-status,.action-notice{margin:0;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--line-subtle);background:var(--bg-muted);color:var(--text-secondary);font-size:13px}.api-sync-status.is-error{border-color:color-mix(in srgb,var(--red) 28%,var(--line-subtle) 72%);background:var(--red-muted);color:var(--red)}.meta-chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border-radius:var(--radius-pill);background:var(--bg-panel);border:1px solid var(--line-subtle);color:var(--text-secondary)}.meta-chip strong{color:var(--text-tertiary);font-size:12px;font-weight:600}.language-switcher{display:inline-flex;width:fit-content;padding:4px;border-radius:var(--radius-pill);background:var(--bg-muted);border:1px solid var(--line-subtle)}.language-switcher button{min-height:40px;padding:0 14px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-secondary)}.language-switcher button.is-active{background:var(--bg-panel);color:var(--text-primary);box-shadow:var(--shadow-soft)}.ops-content{min-width:0;padding:clamp(18px,2.8vw,32px)}.view-shell{display:grid;gap:var(--space-4)}.view-subbar{display:flex;gap:var(--space-4);align-items:flex-start;justify-content:space-between;flex-wrap:wrap;padding:var(--space-3);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--bg-panel) 82%,white 18%);border:1px solid var(--line-subtle);box-shadow:var(--shadow-soft)}.subbar-tabs,.chip-group,.subbar-filters{display:flex;gap:var(--space-2);flex-wrap:wrap}.subbar-tab,.filter-chip,.primary-action,.ghost-link,.icon-button{min-height:44px;padding:0 14px;border-radius:var(--radius-md);border:1px solid var(--line-subtle);background:var(--bg-panel);color:var(--text-secondary);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.subbar-tab:hover,.filter-chip:hover,.primary-action:hover,.ghost-link:hover,.icon-button:hover{transform:translateY(-1px);border-color:var(--line-default);color:var(--text-primary)}.subbar-tab.is-active,.filter-chip.is-active{background:var(--amber-muted);border-color:color-mix(in srgb,var(--amber) 40%,var(--line-default) 60%);color:color-mix(in srgb,var(--amber) 72%,var(--text-primary) 28%)}.primary-action{background:color-mix(in srgb,var(--amber) 16%,var(--bg-panel) 84%);color:var(--text-primary);border-color:color-mix(in srgb,var(--amber) 35%,var(--line-default) 65%);font-weight:700}.ghost-link,.icon-button{background:transparent}.workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);min-width:0}.workspace.has-drawer{grid-template-columns:minmax(0,1fr) minmax(320px,408px)}.workspace-main{min-width:0;display:grid;gap:var(--space-4)}.metric-strip{display:grid;gap:1px;padding:1px;border-radius:var(--radius-lg);background:var(--line-subtle);overflow:hidden;box-shadow:var(--shadow-soft)}.jobs-grid,.results-grid,.notifications-grid,.experiments-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{padding:var(--space-5);background:var(--bg-panel);display:grid;gap:var(--space-2)}.metric-card.tone-amber{background:linear-gradient(180deg,color-mix(in srgb,var(--amber-muted) 84%,white 16%),var(--bg-panel))}.metric-card.tone-success{background:linear-gradient(180deg,color-mix(in srgb,var(--green-muted) 78%,white 22%),var(--bg-panel))}.metric-card.tone-info{background:linear-gradient(180deg,color-mix(in srgb,var(--blue-muted) 78%,white 22%),var(--bg-panel))}.metric-card.tone-warning{background:linear-gradient(180deg,color-mix(in srgb,var(--amber-muted) 70%,white 30%),var(--bg-panel))}.metric-card.tone-danger{background:linear-gradient(180deg,color-mix(in srgb,var(--red-muted) 70%,white 30%),var(--bg-panel))}.metric-label,.metric-helper,.table-secondary,.table-footer,.drawer-meta,.drawer-eyebrow,.detail-grid dt,.timeline-title-row span{color:var(--text-tertiary)}.metric-value{font-family:ui-serif,Iowan Old Style,Palatino Linotype,Georgia,serif;font-size:clamp(24px,2vw,34px);letter-spacing:-.03em}.table-scroll,.drawer-panel{border-radius:var(--radius-lg);border:1px solid var(--line-subtle);background:color-mix(in srgb,var(--bg-panel) 88%,white 12%);box-shadow:var(--shadow-soft)}.table-scroll{overflow:auto}.ops-table,.mini-table{width:100%;border-collapse:collapse}.ops-table th,.ops-table td,.mini-table th,.mini-table td{padding:14px 16px;border-bottom:1px solid var(--line-subtle);text-align:left;vertical-align:middle}.ops-table thead th,.mini-table thead th{position:sticky;top:0;background:color-mix(in srgb,var(--bg-panel) 94%,white 6%);color:var(--text-tertiary);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;z-index:1}.ops-table tbody tr{transition:background var(--transition-fast),box-shadow var(--transition-fast)}.ops-table tbody tr:hover,.ops-table tbody tr.is-selected{background:color-mix(in srgb,var(--amber-muted) 45%,var(--bg-panel) 55%)}.ops-table tbody tr.is-selected{box-shadow:inset 2px 0 0 var(--amber)}.table-primary{font-weight:600}.table-secondary{margin-top:4px;font-size:13px;line-height:1.45}.mono-cell{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.best-chip{margin-left:8px;background:var(--amber-muted);color:color-mix(in srgb,var(--amber) 70%,var(--text-primary) 30%)}.row-open-button{min-height:36px;border:1px solid var(--line-subtle);border-radius:var(--radius-pill);background:var(--bg-panel);color:var(--text-primary);font:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;padding:0 10px}.row-open-button:hover{border-color:color-mix(in srgb,var(--amber) 36%,var(--line-default) 64%);background:var(--amber-muted)}.source-tag,.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:700;border:1px solid transparent}.source-naver{background:color-mix(in srgb,var(--green-muted) 70%,white 30%);color:color-mix(in srgb,var(--green) 72%,var(--text-primary) 28%)}.source-coupang{background:color-mix(in srgb,var(--red-muted) 68%,white 32%);color:color-mix(in srgb,var(--red) 74%,var(--text-primary) 26%)}.source-manual{background:var(--bg-muted);color:var(--text-secondary)}.source-dual{background:color-mix(in srgb,var(--purple-muted) 70%,white 30%);color:color-mix(in srgb,var(--purple) 72%,var(--text-primary) 28%)}.status-pill.tone-info{background:var(--blue-muted);color:var(--blue)}.status-pill.tone-warning{background:var(--amber-muted);color:color-mix(in srgb,var(--amber) 72%,var(--text-primary) 28%)}.status-pill.tone-danger{background:var(--red-muted);color:var(--red)}.status-pill.tone-success{background:var(--green-muted);color:var(--green)}.status-pill.tone-neutral{background:var(--bg-muted);color:var(--text-secondary)}.attempts-cell{display:flex;align-items:center;gap:8px}.attempt-dots{display:inline-flex;gap:4px}.attempt-dot{width:7px;height:7px;border-radius:2px;background:var(--line-default)}.attempt-dot.is-filled{background:var(--amber)}.trace-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px}.trace-arrow{color:var(--text-tertiary)}.table-footer{padding:0 18px 16px;font-size:13px}.empty-state{display:grid;place-items:center;gap:6px;min-height:280px;padding:var(--space-8);border-radius:var(--radius-lg);border:1px dashed var(--line-default);background:var(--bg-panel);text-align:center}.empty-state p{margin:0;color:var(--text-secondary)}.drawer-panel{display:grid;grid-template-rows:auto 1fr;overflow:hidden}.drawer-header{padding:var(--space-5);border-bottom:1px solid var(--line-subtle);background:color-mix(in srgb,var(--bg-panel) 92%,white 8%)}.drawer-topline,.drawer-meta,.timeline-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.drawer-title{margin:var(--space-3) 0 var(--space-2);font-family:ui-serif,Iowan Old Style,Palatino Linotype,Georgia,serif;font-size:26px;line-height:1.2;letter-spacing:-.02em}.drawer-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.drawer-tab{min-height:40px;padding:0 12px;border-radius:var(--radius-pill);border:1px solid var(--line-subtle);background:transparent;color:var(--text-secondary)}.drawer-tab.is-active{background:var(--amber-muted);color:var(--text-primary);border-color:color-mix(in srgb,var(--amber) 35%,var(--line-default) 65%)}.drawer-body{overflow:auto;padding:var(--space-5);display:grid;gap:var(--space-6)}.drawer-section{display:grid;gap:var(--space-3)}.drawer-section h3{margin:0;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.detail-grid{display:grid;gap:var(--space-3)}.detail-grid div{display:grid;gap:4px;padding:var(--space-4);border-radius:var(--radius-md);background:var(--bg-muted)}.detail-grid dt{font-size:12px;text-transform:uppercase;letter-spacing:.06em}.detail-grid dd{margin:0;color:var(--text-primary)}.note-list{display:grid;gap:var(--space-2)}.note-list__label{color:var(--text-tertiary);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.note-list ul{margin:0;padding-left:18px;color:var(--text-secondary)}.error-block{padding:var(--space-4);border-radius:var(--radius-md);background:var(--red-muted);color:var(--red)}.error-block p{margin:var(--space-2) 0 0;color:color-mix(in srgb,var(--red) 82%,var(--text-primary) 18%)}.timeline-list{display:grid;gap:var(--space-3);list-style:none;margin:0;padding:0}.timeline-item{padding:var(--space-4);border-radius:var(--radius-md);background:var(--bg-muted);border-left:3px solid var(--line-default)}.timeline-item.tone-info{border-left-color:var(--blue)}.timeline-item.tone-success{border-left-color:var(--green)}.timeline-item.tone-warning{border-left-color:var(--amber)}.timeline-item.tone-danger{border-left-color:var(--red)}.timeline-item p{margin:var(--space-2) 0 0;color:var(--text-secondary)}.code-panel{margin:0;padding:var(--space-4);border-radius:var(--radius-md);background:var(--bg-strong);color:var(--text-inverse);overflow:auto;font-size:13px;line-height:1.6}.mini-table th,.mini-table td{padding:10px 12px}.experiment-banner{display:grid;gap:var(--space-2);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--purple) 26%,var(--line-subtle) 74%);background:color-mix(in srgb,var(--purple-muted) 62%,white 38%);box-shadow:var(--shadow-soft)}.experiment-banner strong{color:var(--purple);font-size:12px;letter-spacing:.08em}.experiment-banner p{margin:0;color:var(--text-secondary)}@media(max-width:1180px){.ops-shell{grid-template-columns:1fr}.ops-sidebar{border-right:0;border-bottom:1px solid var(--line-subtle)}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-topbar{grid-template-columns:1fr}.api-sync-panel{grid-template-columns:1fr 1fr}.jobs-grid,.results-grid,.notifications-grid,.experiments-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:920px){.workspace.has-drawer{grid-template-columns:1fr}.drawer-panel{position:fixed;inset:auto 0 0;max-height:82vh;border-bottom-left-radius:0;border-bottom-right-radius:0;z-index:30}.api-sync-panel,.jobs-grid,.results-grid,.notifications-grid,.experiments-grid,.sidebar-nav{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}