:root{--color-bg: #f7f8fa;--color-surface: #ffffff;--color-surface-2: #f1f2f5;--color-border: #e3e5ea;--color-border-strong: #d2d5dc;--color-text: #1a1c23;--color-text-muted: #5b6070;--color-text-subtle: #8a8f9e;--color-accent: #5b4ce6;--color-accent-hover: #4c3ed6;--color-accent-active: #4234bd;--color-accent-fg: #ffffff;--color-accent-soft: #4234bd;--color-accent-bg: #eeecfd;--color-accent-ring: rgba(91, 76, 230, .35);--color-success: #1f9d56;--color-success-fg: #ffffff;--color-success-soft: #15783f;--color-success-bg: #e6f6ec;--color-warning: #c98a04;--color-warning-fg: #ffffff;--color-warning-soft: #97670a;--color-warning-bg: #fdf3da;--color-danger: #d83a3a;--color-danger-hover: #c22f2f;--color-danger-fg: #ffffff;--color-danger-soft: #ad2b2b;--color-danger-bg: #fdeaea;--color-info: #2563d6;--color-info-fg: #ffffff;--color-info-soft: #1c4ca8;--color-info-bg: #e7effc;--color-neutral: #6b7080;--color-neutral-fg: #ffffff;--color-neutral-soft: #50545f;--color-neutral-bg: #eceef2;--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;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(16, 18, 27, .06), 0 1px 1px rgba(16, 18, 27, .04);--shadow-md: 0 4px 16px rgba(16, 18, 27, .08), 0 1px 3px rgba(16, 18, 27, .06);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs: 12px;--text-sm: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 26px;--leading-tight: 1.25;--leading-normal: 1.5;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--layout-sidebar-width: 248px;--layout-content-max: 1100px}[data-theme=dark]{--color-bg: #0e0f14;--color-surface: #16181f;--color-surface-2: #1d2029;--color-border: #2a2d38;--color-border-strong: #3a3e4b;--color-text: #eceef3;--color-text-muted: #a4a9b8;--color-text-subtle: #757b8c;--color-accent: #7d70f0;--color-accent-hover: #8b7ff5;--color-accent-active: #9a8ff7;--color-accent-fg: #ffffff;--color-accent-soft: #b3a9fa;--color-accent-bg: #211f3a;--color-accent-ring: rgba(125, 112, 240, .45);--color-success: #34c275;--color-success-soft: #6fe0a3;--color-success-bg: #122a1d;--color-warning: #e0a92a;--color-warning-soft: #f3cd6b;--color-warning-bg: #2c2410;--color-danger: #ef5350;--color-danger-hover: #f26b68;--color-danger-soft: #f59896;--color-danger-bg: #2e1717;--color-info: #4f8df0;--color-info-soft: #93b9f5;--color-info-bg: #15233c;--color-neutral: #8a8f9e;--color-neutral-soft: #b6bac6;--color-neutral-bg: #23262f;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 6px 22px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}h1,h2,h3,h4{margin:0;font-weight:var(--weight-semibold);line-height:var(--leading-tight)}code,pre{font-family:var(--font-mono)}.oc-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-sans);font-weight:var(--weight-medium);cursor:pointer;white-space:nowrap;transition:background .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease;-webkit-user-select:none;user-select:none}.oc-btn:disabled{opacity:.55;cursor:not-allowed}.oc-btn--md{height:38px;padding:0 var(--space-4);font-size:var(--text-md)}.oc-btn--sm{height:30px;padding:0 var(--space-3);font-size:var(--text-sm)}.oc-btn--primary{background:var(--color-accent);color:var(--color-accent-fg)}.oc-btn--primary:not(:disabled):hover{background:var(--color-accent-hover)}.oc-btn--primary:not(:disabled):active{background:var(--color-accent-active)}.oc-btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.oc-btn--secondary:not(:disabled):hover{background:var(--color-surface-2)}.oc-btn--ghost{background:transparent;color:var(--color-text-muted)}.oc-btn--ghost:not(:disabled):hover{background:var(--color-surface-2);color:var(--color-text)}.oc-btn--danger{background:var(--color-danger);color:var(--color-danger-fg)}.oc-btn--danger:not(:disabled):hover{background:var(--color-danger-hover)}.oc-btn__icon{display:inline-flex;align-items:center}.oc-spinner{display:inline-block;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:oc-spin .6s linear infinite;flex:none}@keyframes oc-spin{to{transform:rotate(360deg)}}.oc-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.oc-card--padded{padding:var(--space-6)}.oc-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.oc-card__header-titles{display:flex;flex-direction:column;gap:2px}.oc-card__title{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.oc-card__subtitle{font-size:var(--text-sm);color:var(--color-text-muted)}.oc-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.oc-page-header__titles{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.oc-page-header__title{font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:-.01em}.oc-page-header__subtitle{font-size:var(--text-md);color:var(--color-text-muted)}.oc-page-header__actions{display:flex;align-items:center;gap:var(--space-2);flex:none}.oc-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-3) 2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.4;white-space:nowrap}.oc-pill__dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.oc-pill--info{background:var(--color-info-bg);color:var(--color-info-soft)}.oc-pill--success{background:var(--color-success-bg);color:var(--color-success-soft)}.oc-pill--danger{background:var(--color-danger-bg);color:var(--color-danger-soft)}.oc-pill--warning{background:var(--color-warning-bg);color:var(--color-warning-soft)}.oc-pill--neutral{background:var(--color-neutral-bg);color:var(--color-neutral-soft)}.oc-field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.oc-field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.oc-field__hint{font-size:var(--text-xs);color:var(--color-text-subtle)}.oc-field__error{font-size:var(--text-xs);color:var(--color-danger-soft)}.oc-input,.oc-textarea,.oc-select{width:100%;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-md);padding:var(--space-2) var(--space-3);transition:border-color .12s ease,box-shadow .12s ease}.oc-input{height:38px}.oc-select{height:38px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 16px) 16px,calc(100% - 11px) 16px;background-size:5px 5px;background-repeat:no-repeat;padding-right:var(--space-8);color:var(--color-text)}.oc-textarea{resize:vertical;min-height:80px;line-height:var(--leading-normal)}.oc-input::placeholder,.oc-textarea::placeholder{color:var(--color-text-subtle)}.oc-input:focus,.oc-textarea:focus,.oc-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-ring)}.oc-input--invalid,.oc-textarea--invalid,.oc-select--invalid{border-color:var(--color-danger)}.oc-table{width:100%;border-collapse:collapse;font-size:var(--text-md)}.oc-table th{text-align:left;font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-subtle);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border)}.oc-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle}.oc-table tbody tr:last-child td{border-bottom:none}.oc-table tbody tr:hover td{background:var(--color-surface-2)}.oc-datalist{display:flex;flex-direction:column}.oc-datalist__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.oc-datalist__row:last-child{border-bottom:none}.oc-datalist__term{font-size:var(--text-sm);color:var(--color-text-muted)}.oc-datalist__value{font-size:var(--text-md);color:var(--color-text);font-weight:var(--weight-medium)}.oc-stepper{display:flex;align-items:flex-start;width:100%;overflow-x:auto}.oc-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex:1 1 0;min-width:84px;position:relative}.oc-step__connector{position:absolute;top:16px;left:calc(-50% + 16px);width:calc(100% - 32px);height:2px;background:var(--color-border)}.oc-step--done .oc-step__connector,.oc-step--current .oc-step__connector{background:var(--color-success)}.oc-step__marker{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-subtle);z-index:1}.oc-step--done .oc-step__marker{background:var(--color-success);border-color:var(--color-success);color:var(--color-success-fg)}.oc-step--current .oc-step__marker{border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-ring)}.oc-step--failed .oc-step__marker{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-danger-fg)}.oc-step__label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted);text-align:center}.oc-step--current .oc-step__label{color:var(--color-accent);font-weight:var(--weight-semibold)}.oc-step--failed .oc-step__label{color:var(--color-danger-soft)}.oc-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);color:var(--color-text-muted)}.oc-empty__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);background:var(--color-surface-2);color:var(--color-text-subtle)}.oc-empty__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text)}.oc-empty__desc{font-size:var(--text-md);color:var(--color-text-muted);max-width:380px}.oc-empty__action{margin-top:var(--space-2)}.oc-skeleton{display:block;background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-border) 37%,var(--color-surface-2) 63%);background-size:400% 100%;border-radius:var(--radius-sm);animation:oc-shimmer 1.4s ease infinite}@keyframes oc-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.oc-toast-region{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);z-index:1000;max-width:min(380px,calc(100vw - 32px))}.oc-toast{display:flex;align-items:flex-start;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-neutral);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-3) var(--space-4);font-size:var(--text-md);color:var(--color-text);animation:oc-toast-in .16s ease}.oc-toast--success{border-left-color:var(--color-success)}.oc-toast--error{border-left-color:var(--color-danger)}.oc-toast--info{border-left-color:var(--color-info)}.oc-toast__icon{flex:none;margin-top:1px}.oc-toast--success .oc-toast__icon{color:var(--color-success)}.oc-toast--error .oc-toast__icon{color:var(--color-danger)}.oc-toast--info .oc-toast__icon{color:var(--color-info)}.oc-toast__body{flex:1;min-width:0}.oc-toast__close{flex:none;background:none;border:none;cursor:pointer;color:var(--color-text-subtle);padding:0;display:inline-flex}.oc-toast__close:hover{color:var(--color-text)}@keyframes oc-toast-in{0%{opacity:0;transform:translateY(8px)}}.oc-shell{display:flex;min-height:100vh}.oc-sidebar{width:var(--layout-sidebar-width);flex:none;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--space-4);position:sticky;top:0;height:100vh}.oc-sidebar__brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-5);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:-.01em}.oc-sidebar__brand-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-accent-bg);color:var(--color-accent);flex:none}.oc-sidebar__nav{display:flex;flex-direction:column;gap:2px;flex:1}.oc-nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--color-text-muted);text-decoration:none;transition:background .12s ease,color .12s ease}.oc-nav-link:hover{background:var(--color-surface-2);color:var(--color-text);text-decoration:none}.oc-nav-link--active{background:var(--color-accent-bg);color:var(--color-accent)}.oc-nav-link--active:hover{color:var(--color-accent)}.oc-nav-link__icon{display:inline-flex;flex:none}.oc-sidebar__footer{border-top:1px solid var(--color-border);padding-top:var(--space-3);margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.oc-sidebar__user{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-2);min-width:0}.oc-sidebar__avatar{width:30px;height:30px;border-radius:50%;background:var(--color-accent);color:var(--color-accent-fg);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--weight-semibold);flex:none;text-transform:uppercase}.oc-sidebar__user-meta{display:flex;flex-direction:column;min-width:0}.oc-sidebar__user-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-sidebar__user-role{font-size:var(--text-xs);color:var(--color-text-subtle)}.oc-sidebar__controls{display:flex;align-items:center;gap:var(--space-2)}.oc-sidebar__controls .oc-btn{flex:1}.oc-main{flex:1;min-width:0;display:flex;flex-direction:column}.oc-topbar{display:none}.oc-content{flex:1;padding:var(--space-8);max-width:var(--layout-content-max);width:100%;margin:0 auto}.oc-login{min-height:100vh;display:grid;place-items:center;padding:var(--space-6);background:var(--color-bg)}.oc-login__panel{width:100%;max-width:380px;display:flex;flex-direction:column;gap:var(--space-6)}.oc-login__brand{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:-.01em}.oc-login__brand-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-accent-bg);color:var(--color-accent)}.oc-login__title{font-size:var(--text-xl);font-weight:var(--weight-semibold);margin-bottom:var(--space-1)}.oc-login__subtitle{font-size:var(--text-md);color:var(--color-text-muted);margin:0 0 var(--space-6)}.oc-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.oc-project-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;font:inherit;color:inherit;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.oc-project-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.oc-project-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.oc-project-card__name{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text)}.oc-project-card__slug{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-subtle)}.oc-project-card__meta{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted);margin-top:auto}.oc-project-card__meta-row{display:flex;gap:var(--space-2)}.oc-project-card__meta-label{color:var(--color-text-subtle);min-width:64px}.oc-theme-toggle{width:38px;padding:0}@media (max-width: 760px){.oc-shell{flex-direction:column}.oc-sidebar{width:100%;height:auto;position:static;flex-direction:row;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3)}.oc-sidebar__brand{padding:var(--space-2);flex:1}.oc-sidebar__nav{flex-direction:row;flex:none;width:100%;order:3;overflow-x:auto}.oc-sidebar__footer{border-top:none;margin-top:0;padding-top:0;flex-direction:row;align-items:center;gap:var(--space-2)}.oc-sidebar__user{display:none}.oc-content{padding:var(--space-5)}}.oc-mono{font-family:var(--font-mono);font-size:.92em}.oc-runmonitor__stepper,.oc-runmonitor__actions{margin-bottom:var(--space-4)}.oc-runs-table tbody tr.oc-runs-table__row--running td,.oc-runs-table tbody tr.oc-runs-table__row--running:hover td{background:var(--color-warning-bg)}.oc-runs-table tbody tr.oc-runs-table__row--selected td,.oc-runs-table tbody tr.oc-runs-table__row--selected:hover td{background:var(--color-accent-bg)}.oc-run-error{padding:var(--space-3) var(--space-4);background:var(--color-danger-bg);border:1px solid var(--color-danger-soft);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text)}.oc-runlog{margin-top:var(--space-4)}.oc-logview{margin:0;padding:var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:auto;max-height:400px;white-space:pre-wrap;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text)}.oc-logview__line{display:block;color:var(--color-text-muted)}.oc-logview__line--stderr{color:var(--color-danger)}.oc-project-detail__stepper{margin-bottom:var(--space-4)}.oc-project-detail__grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-4)}@media (max-width: 720px){.oc-project-detail__grid{grid-template-columns:1fr}}