:root{--font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "Consolas", monospace;--font-sans: var(--font-body);--text-2xs: 9px;--text-xs: 10px;--text-sm: 12px;--text-base: 14px;--text-md: 15px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 22px;--text-4xl: 24px;--text-5xl: 28px;--text-6xl: 32px;--text-7xl: 40px;--text-8xl: 56px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.15;--leading-normal: 1.4;--leading-relaxed: 1.6;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-wider: .05em;--space-0: 0;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 10px;--space-6: 12px;--space-7: 14px;--space-8: 16px;--space-9: 18px;--space-10: 20px;--space-12: 24px;--space-14: 28px;--space-16: 32px;--space-20: 40px;--space-24: 48px;--space-32: 64px;--height-tab-bar: 60px;--space-bottom-nav: 100px;--badge-font-size: 9px;--badge-font-size-lg: 10px;--badge-pad-y: 2px;--badge-pad-x: 7px;--badge-tracking: .4px;--badge-line-height: 1.2;--badge-radius: 4px;--radius-none: 0;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 20px;--radius-4xl: 24px;--radius-full: 9999px;--duration-instant: .05s;--duration-fast: .12s;--duration-normal: .18s;--duration-medium: .25s;--duration-slow: .35s;--duration-slower: .5s;--ease-default: cubic-bezier(.25, .1, .25, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-snap: cubic-bezier(.2, .9, .3, 1);--transition-fast: var(--duration-fast) var(--ease-snap);--transition-normal: var(--duration-normal) var(--ease-default);--transition-medium: var(--duration-medium) var(--ease-default);--transition-slow: var(--duration-slow) var(--ease-out);--transition-colors: var(--duration-normal) var(--ease-default);--transition-transform: var(--duration-fast) var(--ease-snap);--transition-all: var(--duration-normal) var(--ease-default);--shadow-none: none;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 2px 6px rgba(0, 0, 0, .2);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .25);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .3);--shadow-2xl: 0 12px 32px rgba(0, 0, 0, .35);--shadow-glow-accent: none;--shadow-glow-amber: none;--shadow-glow-success: none;--shadow-glow-danger: none;--shadow-focus: 0 0 0 2px rgba(14, 165, 233, .5);--shadow-focus-danger: 0 0 0 2px rgba(239, 68, 68, .4);--shadow-focus-success: 0 0 0 2px rgba(34, 197, 94, .4);--shadow-elevated: 0 4px 12px rgba(0, 0, 0, .3);--shadow-floating: 0 8px 24px rgba(0, 0, 0, .4);--shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .2);--shadow-inset-lg: inset 0 2px 4px rgba(0, 0, 0, .2);--blur-sm: blur(8px);--blur-md: blur(16px);--blur-lg: blur(24px);--blur-xl: blur(40px);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-popover: 400;--z-toast: 500;--z-tooltip: 600;--z-max: 9999;--size-touch-min: 44px;--size-button-sm: 32px;--size-button-md: 40px;--size-button-lg: 48px;--size-input-height: 40px;--size-icon-sm: 16px;--size-icon-md: 20px;--size-icon-lg: 24px;--border-width: 1px;--border-width-thick: 2px;--border-subtle: 1px solid rgba(255, 255, 255, .06);--border-separator: 1px solid var(--color-separator)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #0ea5e966}50%{box-shadow:0 0 0 8px #0ea5e900}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}button,[role=button],input[type=button],input[type=submit],input[type=reset],input[type=checkbox],input[type=radio],select,a,label[for],.clickable,[onclick],[tabindex]:not([tabindex="-1"]){cursor:pointer}button:disabled,input:disabled,select:disabled,.disabled,[aria-disabled=true]{cursor:not-allowed}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--color-accent: #0ea5e9;--color-accent-bright: #38bdf8;--color-accent-dim: rgba(14, 165, 233, .15);--color-accent-faint: rgba(14, 165, 233, .08);--color-accent-border: rgba(14, 165, 233, .4);--color-primary: #0ea5e9;--color-primary-rgb: 14, 165, 233;--color-success: #22C55E;--color-success-bright: #4ADE80;--color-success-dim: rgba(34, 197, 94, .15);--color-success-subtle: rgba(34, 197, 94, .1);--color-success-faint: rgba(34, 197, 94, .06);--color-warning: #FB923C;--color-warning-bright: #FDBA74;--color-warning-dim: rgba(251, 146, 60, .15);--color-warning-faint: rgba(251, 146, 60, .08);--color-warning-border: rgba(251, 146, 60, .3);--color-warning-border-dim: rgba(251, 146, 60, .2);--color-danger: #EF4444;--color-danger-bright: #F87171;--color-danger-dim: rgba(239, 68, 68, .15);--color-danger-faint: rgba(239, 68, 68, .08);--color-danger-border: rgba(239, 68, 68, .3);--color-danger-text-muted: rgba(239, 68, 68, .9);--color-error: #EF4444;--color-orange: #F97316;--color-orange-dim: rgba(249, 115, 22, .15);--color-orange-subtle: rgba(249, 115, 22, .1);--color-orange-faint: rgba(249, 115, 22, .06);--color-purple: #A855F7;--color-purple-dim: rgba(168, 85, 247, .15);--color-cyan: #06B6D4;--color-cyan-dim: rgba(6, 182, 212, .15);--color-slate: #64748B;--color-slate-dim: rgba(100, 116, 139, .15);--color-update-patch: #06B6D4;--color-update-minor: #FF9F0A;--color-update-major: #EF4444;--color-bg-primary: #09090B;--color-bg-primary-translucent: rgba(9, 9, 11, .97);--color-bg-secondary: #111114;--color-bg-tertiary: #18181B;--color-bg-quaternary: #212124;--color-bg-elevated: #27272A;--color-bg-hover: #303033;--color-bg-hover-faint: rgba(255, 255, 255, .04);--color-overlay: rgba(0, 0, 0, .92);--color-overlay-light: rgba(0, 0, 0, .78);--color-text-primary: #F4F4F5;--color-text-secondary: #A8A8B3;--color-text-tertiary: #85858F;--color-text-quaternary: #5C5C66;--color-text-tertiary-dim: rgba(161, 161, 170, .12);--color-separator: #27272A;--color-separator-opaque: #343438;--color-border: rgba(255, 255, 255, .15);--color-border-subtle: rgba(255, 255, 255, .1);--color-border-glow: rgba(14, 165, 233, .25);--color-border-separator: rgba(255, 255, 255, .08);--color-shadow: rgba(0, 0, 0, .5);--color-shadow-text: rgba(0, 0, 0, .6);--color-shadow-dark: rgba(0, 0, 0, .7);--color-status-major: #EF4444;--color-status-minor: #FF9F0A;--color-status-patch: #06B6D4;--color-status-current: #22C55E;--color-status-pinnable: #A855F7;--color-status-local: #64748B;--color-status-blocked: #F97316;--color-status-ignored: #52525B;--color-op-batch: #0ea5e9;--color-op-batch-dim: rgba(14, 165, 233, .15);--color-op-rollback: #F97316;--color-op-rollback-dim: rgba(249, 115, 22, .15);--color-op-restart: #06B6D4;--color-op-restart-dim: rgba(6, 182, 212, .15);--color-op-labels: #A855F7;--color-op-labels-dim: rgba(168, 85, 247, .15);--color-op-rolled-back: #64748B;--color-op-rolled-back-dim: rgba(100, 116, 139, .15);--color-op-stop: #FB923C;--color-op-stop-dim: rgba(251, 146, 60, .15);--color-op-remove: #EF4444;--color-op-remove-dim: rgba(239, 68, 68, .15);--color-badge-update: #0ea5e9;--color-badge-update-dim: rgba(14, 165, 233, .15);--color-badge-blocked: #F97316;--color-badge-blocked-dim: rgba(249, 115, 22, .15);--color-badge-current: #22C55E;--color-badge-current-dim: rgba(34, 197, 94, .15);--color-badge-pinnable: #A855F7;--color-badge-pinnable-dim: rgba(168, 85, 247, .15);--color-badge-local: #64748B;--color-badge-local-dim: rgba(100, 116, 139, .15);--color-badge-ignored: #52525B;--color-badge-ignored-dim: rgba(82, 82, 91, .15);--color-badge-major: #EF4444;--color-badge-major-dim: rgba(239, 68, 68, .15);--color-badge-minor: #FF9F0A;--color-badge-minor-dim: rgba(255, 159, 10, .15);--color-badge-patch: #06B6D4;--color-badge-patch-dim: rgba(6, 182, 212, .15);--color-badge-pin: #A855F7;--color-badge-pin-dim: rgba(168, 85, 247, .15)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;position:fixed;inset:0}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.4;font-size:16px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:manipulation}body:before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}#root{width:100%;height:100%;position:absolute;inset:0}.app{width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;padding-top:var(--safe-area-inset-top)}h1{font-size:24px;font-weight:600;letter-spacing:-.03em}.active-operation-banner{display:flex;align-items:center;gap:var(--space-2);background:var(--surface-2);border-bottom:1px solid var(--border);padding:var(--space-2) var(--space-4);flex-shrink:0}.active-operation-banner-content{flex:1;display:flex;align-items:center;gap:var(--space-2);cursor:pointer;min-width:0;font-size:var(--text-sm);color:var(--text-secondary)}.active-operation-banner-content:hover{color:var(--text-primary)}.active-operation-banner-content>.fa-spinner{color:var(--accent);font-size:var(--text-xs);flex-shrink:0}.active-operation-banner-label{font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap}.active-operation-banner-count{color:var(--text-tertiary);white-space:nowrap}.active-operation-banner-view{margin-left:auto;color:var(--accent);font-weight:var(--font-medium);white-space:nowrap;display:flex;align-items:center;gap:var(--space-1)}.active-operation-banner-dismiss{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-1);font-size:var(--text-sm);line-height:1;flex-shrink:0}.active-operation-banner-dismiss:hover{color:var(--text-primary)}.loading{display:flex;justify-content:center;align-items:center;height:100vh;height:100dvh}.loading-content{display:flex;flex-direction:column;align-items:center;gap:20px;min-width:300px;max-width:90%}.spinner{width:32px;height:32px;border:3px solid var(--color-separator);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.spinner-small{width:20px;height:20px;border:2px solid var(--color-separator);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.spinner-inline{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.check-progress{width:100%;display:flex;flex-direction:column;gap:8px}.check-progress-bar{position:relative;width:100%;height:20px;background:var(--color-separator);border-radius:10px;overflow:hidden}.check-progress-bar-fill{height:100%;background:var(--color-accent);border-radius:10px;transition:width .3s ease}.check-progress-bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:600;color:var(--color-text-primary);text-shadow:0 1px 2px rgba(0,0,0,.5)}.check-progress-message{font-size:14px;color:var(--color-text-secondary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;height:100dvh;padding:20px}.error p{color:var(--color-danger);font-size:17px;margin-bottom:16px;text-align:center}.error button{background:var(--color-bg-secondary);border:none;color:var(--color-accent);padding:10px 24px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer}.error button:active{background:var(--color-bg-tertiary)}.empty{color:var(--color-text-secondary);text-align:center;padding:40px;font-size:17px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--color-text-secondary);padding:80px 20px;flex:1}.empty-state i{font-size:64px;color:var(--color-success);margin-bottom:24px;opacity:.8}.empty-state h2{font-size:22px;font-weight:600;color:var(--color-text-primary);margin-bottom:8px}.empty-state p{font-size:15px;color:var(--color-text-secondary);margin:0}.loading-inline{display:flex;align-items:center;gap:12px;padding:12px 0;color:var(--color-text-secondary)}.main-content{animation:content-fade-in var(--duration-normal) var(--ease-out)}@keyframes content-fade-in{0%{opacity:0}to{opacity:1}}.main-loading{display:flex;align-items:flex-start;justify-content:center}@keyframes page-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page,.progress-page{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--color-bg-primary);color:var(--color-text-primary);width:100%;max-width:100vw;overflow-x:hidden;animation:page-fade-in var(--duration-normal, .15s) var(--ease-out, ease-out)}.page-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-8);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-separator);min-height:56px}.page-header h1{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text-primary);text-align:center;flex:1}.back-button{background:none;border:none;color:var(--color-accent);font-size:var(--text-2xl);padding:var(--space-4);cursor:pointer;min-width:60px;text-align:left;transition:opacity var(--transition-fast),transform var(--transition-fast)}.back-button:hover:not(:disabled){opacity:.8}.back-button:active:not(:disabled){transform:scale(.96)}.back-button:disabled{opacity:.5;cursor:not-allowed}.header-spacer{min-width:60px}.header-action{background:none;border:none;color:var(--color-accent);font-size:var(--text-2xl);padding:var(--space-4);cursor:pointer;min-width:60px;text-align:right;transition:opacity var(--transition-fast),transform var(--transition-fast)}.header-action:hover:not(:disabled){opacity:.8}.header-action:active:not(:disabled){transform:scale(.96)}.header-action:disabled{opacity:.5;cursor:not-allowed}.page-content{flex:1;overflow-y:auto;padding:var(--space-8);padding-bottom:120px;width:100%;min-width:0;box-sizing:border-box}.page-footer{position:fixed;bottom:0;left:0;right:0;padding:var(--space-8);background:var(--color-bg-primary-translucent);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border-top:1px solid var(--color-separator);display:flex;gap:var(--space-6);padding-bottom:calc(var(--space-8) + var(--safe-area-inset-bottom, 0px))}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-7)}.section-header h2{font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:.3px;color:var(--color-text-secondary);padding-left:var(--space-2)}.button{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-6) var(--space-10);border-radius:var(--radius-2xl);font-size:var(--text-2xl);font-weight:var(--font-semibold);border:none;cursor:pointer;transition:opacity var(--transition-normal),transform var(--transition-fast),filter var(--transition-normal),box-shadow var(--transition-normal);flex:1}.button:hover:not(:disabled){filter:brightness(1.1)}.button:active:not(:disabled){transform:scale(.96)}.button:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.button:disabled{opacity:.5;cursor:not-allowed}.button-primary{background:var(--color-accent);color:var(--color-bg-primary);font-weight:var(--font-bold)}.button-primary:hover:not(:disabled){background:var(--color-accent-bright);filter:none}.button-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.button-secondary:hover:not(:disabled){background:var(--color-bg-elevated);filter:none}.button-danger{background:var(--color-danger);color:var(--color-text-primary)}.button-success{background:var(--color-success);color:var(--color-text-primary)}.button-warning{background:var(--color-warning);color:var(--color-bg-primary)}.button-patch{background:var(--color-accent);color:var(--color-bg-primary)}.button-minor{background:var(--color-orange);color:var(--color-bg-primary)}.button-major{background:var(--color-danger);color:var(--color-text-primary)}.button-pin{background:var(--color-purple);color:var(--color-text-primary)}.button-sm{padding:var(--space-3) var(--space-6);font-size:var(--text-md);border-radius:var(--radius-lg);gap:var(--space-2)}.button-lg{padding:var(--space-8) var(--space-12);font-size:var(--text-3xl);border-radius:var(--radius-3xl);gap:var(--space-5)}.button-ghost{background:transparent;color:var(--color-text-primary)}.button-ghost:hover:not(:disabled){background:var(--color-bg-tertiary);filter:none}.button-ghost.button-danger{background:transparent;color:var(--color-danger)}.button-ghost.button-danger:hover:not(:disabled){background:var(--color-danger-dim)}.button-icon{width:var(--size-button-md);height:var(--size-button-md);padding:0;flex:none}.button-icon.button-sm{width:var(--size-button-sm);height:var(--size-button-sm)}.button-icon.button-lg{width:var(--size-button-lg);height:var(--size-button-lg)}.button-inline{flex:none;width:auto}.card{background:var(--color-bg-secondary);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border-subtle);box-shadow:inset 0 1px #ffffff08}.card:hover{border-color:var(--color-border)}.card-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-7) var(--space-10);border-bottom:1px solid var(--color-separator);gap:var(--space-8);transition:background var(--transition-fast)}.card-row:last-child{border-bottom:none}.card-row-clickable{cursor:pointer}.card-row-clickable:hover{background:var(--color-bg-tertiary)}.card-row-clickable:active{background:var(--color-bg-elevated)}.card-label{font-size:var(--text-lg);color:var(--color-text-secondary);flex-shrink:0}.card-value{font-size:var(--text-lg);color:var(--color-text-primary);font-weight:var(--font-medium);text-align:right}.card-value.code{font-family:var(--font-mono);font-size:var(--text-md);background:var(--color-bg-tertiary);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-24) var(--space-10);color:var(--color-text-secondary);gap:var(--space-8)}.loading-container i{font-size:var(--text-7xl);color:var(--color-accent)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-24) var(--space-10);color:var(--color-text-secondary);text-align:center;gap:var(--space-6)}.empty-state i{font-size:var(--text-8xl);opacity:.5}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-20) var(--space-10);color:var(--color-danger);text-align:center;gap:var(--space-6)}.error-state i{font-size:var(--text-7xl)}.icon-button{width:var(--size-button-sm);height:var(--size-button-sm);display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--text-xl);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.icon-button:hover{background:var(--color-bg-elevated);color:var(--color-accent)}.icon-button:active{transform:scale(.92)}.icon-button:focus-visible{outline:none;box-shadow:var(--shadow-focus)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-color:var(--color-accent)}.card-row-clickable:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.back-button,.header-action{min-height:44px}.icon-button{min-width:44px;min-height:44px}.progress-overlay{position:fixed;inset:0;background:var(--color-overlay);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal);animation:fadeInOverlay var(--transition-medium) var(--ease-out);padding:var(--space-8)}.progress-modal{background:var(--color-bg-secondary);border-radius:var(--radius-3xl);padding:var(--space-8);width:100%;max-width:400px;box-shadow:var(--shadow-xl)}.progress-header{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}.progress-header h3{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.progress-status{font-size:var(--text-md);font-weight:var(--font-medium)}.progress-status.status-stopping,.progress-status.status-starting,.progress-status.status-checking{color:var(--color-orange)}.progress-status.status-complete{color:var(--color-success)}.progress-status.status-failed{color:var(--color-danger)}.progress-logs{background:var(--color-bg-tertiary);border-radius:var(--radius-xl);padding:var(--space-6);max-height:200px;overflow-y:auto;margin-bottom:var(--space-8);font-family:var(--font-mono);font-size:var(--text-sm)}.progress-logs .log-entry{padding:var(--space-2) 0;line-height:var(--leading-normal)}.progress-logs .log-entry.log-info .log-message{color:var(--color-text-primary)}.progress-logs .log-entry.log-success .log-message{color:var(--color-success)}.progress-logs .log-entry.log-error .log-message{color:var(--color-danger)}.progress-actions{display:flex;gap:var(--space-4)}.progress-actions .button{flex:1}@media(max-width:480px){.progress-modal{padding:var(--space-6)}.progress-header h3{font-size:var(--text-lg)}.progress-logs{padding:var(--space-4);font-size:var(--text-xs);max-height:150px}}.config-section{margin-bottom:var(--space-12)}.config-section .info-card{display:flex;flex-direction:column}.config-section .info-row{flex-shrink:0}.config-section .info-label{white-space:nowrap}.config-section .info-value{overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;min-width:0}.config-section .info-value.code{display:inline-block;max-width:100%;overflow-wrap:anywhere}.image-link{color:var(--color-accent);text-decoration:none;display:inline-flex;align-items:center;transition:opacity var(--transition-fast)}.image-link:hover{text-decoration:underline;opacity:.9}.section-hint{font-size:var(--text-base);color:var(--color-text-tertiary)}.spinner{display:inline-block;width:var(--size-button-sm);height:var(--size-button-sm);border:3px solid var(--color-separator);border-top-color:var(--color-accent);border-radius:var(--radius-full);animation:spin .8s linear infinite}.error-text{color:var(--color-danger);font-size:var(--text-md)}.search-bar{display:flex;align-items:center;gap:var(--space-5);margin:0 0 var(--space-6);padding:var(--space-5) var(--space-7);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-bar:focus-within{border-color:var(--color-accent-border);box-shadow:0 0 0 3px var(--color-accent-faint)}.search-bar>i:first-child{color:var(--color-text-tertiary);font-size:var(--text-lg);flex-shrink:0}.search-bar .search-input{flex:1;background:none;border:none;outline:none;color:var(--color-text-primary);font-size:var(--text-base);padding:0}.search-bar .search-input::placeholder{color:var(--color-text-tertiary)}.search-bar .clear-search{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:var(--space-2);font-size:var(--text-lg)}.search-bar .clear-search:hover{color:var(--color-text-primary)}.segmented-control{display:flex;background-color:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-2);border:1px solid var(--color-border-subtle)}.segmented-control button{flex:1;padding:var(--space-4) var(--space-8);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--text-lg);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.segmented-control button:hover:not(.active):not(:disabled){color:var(--color-text-primary);background:var(--color-bg-hover-faint)}.segmented-control button:active{transform:scale(.98)}.segmented-control button.active{background:#ffffff1a;color:var(--color-text-primary);font-weight:var(--font-semibold);box-shadow:inset 0 1px #ffffff0a,0 1px 3px #0003}.segmented-control button:disabled{opacity:.5;cursor:not-allowed}.segmented-control-sm button{padding:var(--space-3) var(--space-6);font-size:var(--text-md)}.segmented-control button i{font-size:inherit}.tabs-underline{display:flex;border-bottom:1px solid var(--color-separator)}.tabs-underline button{flex:1;background:none;border:none;color:var(--color-text-secondary);padding:var(--space-7) var(--space-8);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--transition-normal),border-color var(--transition-normal);-webkit-tap-highlight-color:transparent}.tabs-underline button.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.tabs-underline button:hover:not(.active){color:var(--color-text-primary);background:var(--color-bg-tertiary)}.stack-group{background:var(--color-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm),inset 0 1px #ffffff08;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.stack-group:hover{border-color:var(--color-border)}.stack-header{display:flex;align-items:center;width:100%;padding-right:var(--space-4)}.stack-toggle{display:flex;align-items:center;gap:var(--space-5);flex:1;min-width:0;padding:var(--space-6) var(--space-7);background:none;border:none;color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-medium);cursor:pointer;text-align:left;transition:background var(--transition-fast);-webkit-tap-highlight-color:transparent}.stack-toggle:hover{background:var(--color-bg-tertiary)}.stack-toggle:active{opacity:.8}.stack-toggle:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-md)}.stack-actions-container{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.stack-header .toggle-icon{font-size:var(--text-2xs);color:var(--color-text-tertiary);width:var(--space-6);flex-shrink:0}.stack-header .stack-icon,.stack-toggle .stack-icon{font-size:var(--text-lg);color:var(--color-accent);flex-shrink:0}.stack-header.standalone .stack-icon,.stack-toggle.standalone .stack-icon{color:var(--color-text-tertiary)}.stack-header .stack-name,.stack-toggle .stack-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stack-header .stack-count,.stack-toggle .stack-count{font-size:var(--text-sm);color:var(--color-text-tertiary);background:var(--color-bg-tertiary);padding:var(--space-1) var(--space-4);border-radius:var(--radius-lg);flex-shrink:0}.stack-list{display:flex;flex-direction:column;gap:var(--space-6)}.list-item,.explorer-item{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-5) var(--space-7);border-bottom:1px solid var(--color-separator);transition:background var(--transition-fast)}.list-item:last-child,.explorer-item:last-child{border-bottom:none}.list-item:hover,.explorer-item:hover{background:var(--color-bg-tertiary)}.list-item.dangling,.explorer-item.dangling{opacity:.6}.list-item-content,.item-content{flex:1;min-width:0;cursor:pointer}.item-content:focus-visible,.list-item-content:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-accent);border-radius:var(--radius-md)}.list-item-name,.item-name{display:block;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-meta,.item-meta{display:block;font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:var(--space-0)}.item-labels{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.item-label{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap}.state-dot,.state-indicator{width:var(--space-4);height:var(--space-4);border-radius:var(--radius-full);flex-shrink:0;background:var(--color-text-quaternary)}.state-dot.running,.state-indicator.running{background:var(--color-success)}.state-dot.starting,.state-indicator.starting{background:var(--color-warning);animation:pulse 1.5s ease-in-out infinite}.state-dot.unhealthy,.state-indicator.unhealthy{background:var(--color-danger)}.state-dot.paused,.state-indicator.paused{background:var(--color-warning)}.state-dot.stopped,.state-indicator.stopped{background:var(--color-text-quaternary)}.state-dot.restarting,.state-indicator.restarting{background:var(--color-accent);animation:pulse 1s ease-in-out infinite}.state-dot.loading,.state-indicator.loading{background:transparent;width:auto;height:auto}.state-dot.loading i,.state-indicator.loading i{font-size:var(--text-sm);color:var(--color-accent)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.action-menu-btn{display:flex;align-items:center;justify-content:center;width:var(--space-16);height:var(--space-16);background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.action-menu-btn:hover,.action-menu-btn.active{background:var(--color-bg-elevated);color:var(--color-text-primary)}.action-menu-btn:disabled{opacity:.5;cursor:not-allowed}.action-menu-backdrop{position:fixed;inset:0;z-index:calc(var(--z-dropdown) - 1)}.action-menu{position:absolute;top:100%;right:0;z-index:var(--z-dropdown);min-width:140px;background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-subtle);overflow:hidden;animation:menuFadeIn var(--transition-fast)}.action-menu.flip-up{top:auto;bottom:100%;animation:menuFadeInUp var(--transition-fast)}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes menuFadeInUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.action-menu button{display:flex;align-items:center;gap:var(--space-5);width:100%;padding:var(--space-5) var(--space-7);background:none;border:none;color:var(--color-text-primary);font-size:var(--text-lg);cursor:pointer;text-align:left;transition:background var(--transition-fast)}.action-menu button:hover{background:var(--color-bg-tertiary)}.action-menu button i{width:var(--space-8);text-align:center;color:var(--color-text-tertiary);font-size:var(--text-sm)}.action-menu button.danger,.action-menu button.danger i{color:var(--color-danger)}.action-menu .menu-divider{height:1px;background:var(--color-separator);margin:var(--space-2) 0}.action-menu button.disabled,.action-menu button:disabled{opacity:.4;cursor:not-allowed}.action-menu button.disabled:hover,.action-menu button:disabled:hover{background:none}.action-menu .confirm-remove{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-7);font-size:var(--text-md);color:var(--color-text-secondary)}.action-menu .confirm-remove span{flex:1}.action-menu .confirm-yes,.action-menu .confirm-no{padding:var(--space-2) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);width:auto}.action-menu .confirm-yes{background:var(--color-danger);color:#fff}.action-menu .confirm-yes:hover{filter:brightness(1.1)}.action-menu .confirm-no{background:var(--color-bg-tertiary)}@media(max-width:480px){.search-bar{padding:var(--space-4) var(--space-6)}.stack-header{padding:var(--space-5) var(--space-6)}.list-item{padding:var(--space-4) var(--space-6);gap:var(--space-5)}.list-item-name{font-size:var(--text-md)}.list-item-meta{font-size:var(--text-xs)}}.search-section{margin-bottom:var(--space-10)}.info-card-message{display:flex;gap:var(--space-6);padding:var(--space-7);background:var(--color-bg-secondary);border-radius:var(--radius-2xl);border:1px solid var(--color-accent);box-shadow:var(--shadow-xs)}.info-card-message.warning{background:var(--color-orange-faint);border-color:var(--color-warning)}.info-card-message i{color:var(--color-accent);font-size:var(--text-4xl);margin-top:var(--space-1);flex-shrink:0}.info-card-message.warning i{color:var(--color-warning)}.info-card-message strong{display:block;color:var(--color-text-primary);font-size:var(--text-lg);margin-bottom:var(--space-2)}.info-card-message p{color:var(--color-text-secondary);font-size:var(--text-base);margin:0}@media(max-width:480px){.config-section,.search-section{margin-bottom:var(--space-8)}.search-bar{padding:var(--space-4) var(--space-6);gap:var(--space-4)}.search-input{font-size:var(--text-lg)}.info-card-message{padding:var(--space-5);gap:var(--space-4)}.info-card-message i{font-size:var(--text-2xl)}.info-card-message strong{font-size:var(--text-base)}.info-card-message p{font-size:var(--text-sm)}}@media(max-width:480px){.page-header{padding:var(--space-4) var(--space-6);min-height:48px}.page-header h1{font-size:var(--text-xl)}.back-button{font-size:var(--text-lg);padding:var(--space-2);min-width:50px}.header-spacer{min-width:50px}.page-content{padding:var(--space-4);padding-bottom:100px}.page-footer{padding:var(--space-4);gap:var(--space-3);flex-direction:row;flex-wrap:nowrap;padding-bottom:calc(var(--space-4) + var(--safe-area-inset-bottom, 0px))}.button{padding:var(--space-4) var(--space-6);font-size:var(--text-lg);border-radius:var(--radius-xl);gap:var(--space-2)}.button i{font-size:var(--text-lg)}}.close-btn{background:var(--color-accent);color:#fff;border:none;padding:var(--space-5) var(--space-12);border-radius:var(--radius-lg);font-weight:var(--font-semibold);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast)}.close-btn:hover{filter:brightness(1.1)}.close-btn:active{transform:scale(.98) translateY(0)}.scripts-btn{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:none;padding:var(--space-5) var(--space-8);border-radius:var(--radius-lg);font-size:var(--text-xl);font-weight:var(--font-medium);cursor:pointer;display:flex;align-items:center;gap:var(--space-4);transition:background var(--transition-normal)}.scripts-btn:hover{background:var(--color-bg-elevated)}.scripts-btn i{font-size:var(--text-lg)}.button-group{display:flex;gap:var(--space-5);justify-content:flex-end}.error-banner{background:var(--color-danger-dim);border:1px solid var(--color-danger-border);color:var(--color-danger);padding:var(--space-7) var(--space-8);border-radius:var(--radius-lg);margin:0 var(--space-10) var(--space-8) var(--space-10);display:flex;align-items:flex-start;gap:var(--space-6);font-size:var(--text-lg);line-height:var(--leading-relaxed)}.error-banner.error-with-action{margin-bottom:var(--space-6)}.error-banner .error-content{flex:1;display:flex;align-items:flex-start;gap:var(--space-5)}.error-banner .error-text{flex:1}.error-banner .error-text strong{display:block;font-weight:var(--font-semibold);margin-bottom:var(--space-2);color:var(--color-danger)}.error-banner .error-text p{margin:0;color:var(--color-danger-text-muted);font-size:var(--text-base)}.error-banner i.fa-triangle-exclamation{font-size:var(--text-xl);flex-shrink:0;margin-top:var(--space-1)}.error-banner .error-dismiss{flex-shrink:0;background:none;border:none;color:var(--color-danger);font-size:var(--text-5xl);cursor:pointer;padding:0;line-height:1;width:var(--space-12);height:var(--space-12);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:background var(--transition-fast)}.error-banner .error-dismiss:hover{background:var(--color-danger-dim)}.error-banner .error-dismiss:active{background:var(--color-danger-border)}.status-banner{background:var(--color-accent-dim);border:1px solid var(--color-accent-border);color:var(--color-accent);padding:var(--space-6) var(--space-8);border-radius:var(--radius-lg);margin:0 var(--space-10) var(--space-8) var(--space-10);display:flex;align-items:center;gap:var(--space-6);font-size:var(--text-lg);font-weight:var(--font-medium)}.status-banner .status-content{flex:1;display:flex;align-items:center;gap:var(--space-5)}.info-box{background:var(--color-accent-dim);border:1px solid var(--color-accent-border);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-8);display:flex;gap:var(--space-6);align-items:flex-start;font-size:var(--text-base);line-height:var(--leading-relaxed)}.info-box i{color:var(--color-accent);font-size:var(--text-xl);flex-shrink:0;margin-top:var(--space-1)}.info-box strong{font-weight:600}.info-box-small{display:flex;align-items:center;gap:var(--space-4);background:var(--color-accent-dim);border:1px solid var(--color-accent-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-6)}.info-box-small i{color:var(--color-accent);font-size:var(--text-lg);flex-shrink:0}.form-group{display:flex;flex-direction:column;gap:var(--space-4)}.form-group label{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--color-text-secondary)}.form-group select{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-separator);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-7);font-size:var(--text-xl);outline:none;cursor:pointer}.form-group select:focus{border-color:var(--color-accent)}.form-group select:disabled{opacity:.5;cursor:not-allowed}.toggle-label{display:flex;align-items:center;gap:var(--space-6);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;padding:var(--space-6);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);transition:all var(--transition-fast)}.toggle-label:hover{border-color:var(--color-border);background:var(--color-bg-elevated)}.toggle-label:active{background:var(--color-bg-elevated)}.toggle-input{position:absolute;opacity:0;width:0;height:0}.toggle-switch{position:relative;width:51px;height:31px;background:var(--color-separator);border-radius:var(--radius-full);transition:all var(--transition-normal);flex-shrink:0}.toggle-switch:before{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;background:#fff;border-radius:var(--radius-full);transition:transform var(--transition-normal),box-shadow var(--transition-normal);box-shadow:var(--shadow-sm)}.toggle-input:checked+.toggle-switch{background:var(--color-success);box-shadow:0 0 12px #22c55e66}.toggle-input:checked+.toggle-switch:before{transform:translate(20px);box-shadow:var(--shadow-md)}.toggle-input:disabled+.toggle-switch{opacity:.5;cursor:not-allowed}.toggle-text{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.toggle-text strong{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary)}.toggle-text small{font-size:var(--text-base);color:var(--color-text-secondary);font-weight:var(--font-normal)}.select-label{display:flex;flex-direction:column;gap:var(--space-4);font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.select-label strong{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary)}.select-label small{font-size:var(--text-base);color:var(--color-text-secondary);font-weight:var(--font-normal)}.setting-select{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-separator);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-7);font-size:var(--text-base);outline:none;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);font-family:var(--font-sans)}.setting-select:focus{border-color:var(--color-accent);background:var(--color-bg-elevated)}.setting-select:disabled{opacity:.5;cursor:not-allowed}.setting-select option:disabled{color:var(--color-text-tertiary)}.current-script-indicator{margin-top:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--color-accent-dim);border:1px solid var(--color-accent-dim);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-4)}.current-script-indicator i{color:var(--color-accent);font-size:var(--text-lg);flex-shrink:0}.current-script-indicator strong{color:var(--color-text-primary)}.settings-changes{margin-top:var(--space-10);padding-top:var(--space-10);border-top:1px solid var(--color-separator)}.changes-warning{background:var(--color-warning-dim);border:1px solid var(--color-warning-border);border-radius:var(--radius-lg);padding:var(--space-7) var(--space-8);margin-bottom:var(--space-8)}.changes-warning .warning-header{display:flex;align-items:center;gap:var(--space-4);color:var(--color-warning);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-5)}.changes-warning .warning-header i{font-size:var(--text-xl)}.changes-warning .changes-list{color:var(--color-text-primary);font-size:var(--text-lg);line-height:1.6}.changes-warning .changes-list span{display:block;margin-bottom:var(--space-3);color:var(--color-text-secondary)}.changes-warning .changes-list ul{list-style:none;margin:var(--space-4) 0 0 0;padding:0;background:transparent;border-radius:0}.changes-warning .changes-list li{padding:var(--space-2) 0 var(--space-2) var(--space-10);border:none;min-height:auto;position:relative;color:var(--color-text-primary);font-size:var(--text-lg)}.changes-warning .changes-list li:before{content:"•";position:absolute;left:var(--space-4);color:var(--color-warning)}.changes-warning .warning-note{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-warning-border-dim);display:flex;align-items:center;gap:var(--space-4);color:var(--color-text-secondary);font-size:var(--text-base)}.changes-warning .warning-note i{color:var(--color-accent);font-size:var(--text-lg);flex-shrink:0}.settings-section{background:transparent;padding:0;margin-bottom:var(--space-12)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);margin-bottom:var(--space-8)}.setting-item{display:flex;flex-direction:column;gap:var(--space-4)}.setting-item.full-width{grid-column:1 / -1}.scripts-list-section{display:flex;flex-direction:column}.scripts-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-4)}.script-item{background:var(--color-bg-tertiary);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-7);display:flex;gap:var(--space-6);align-items:flex-start}.script-icon{font-size:var(--text-5xl);flex-shrink:0}.script-icon .fa-file-circle-check{color:var(--color-success)}.script-icon .fa-file-circle-xmark{color:var(--color-text-tertiary)}.script-name{font-size:var(--text-xl);font-weight:var(--font-medium)}.script-meta{font-size:var(--text-base);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-3)}.script-meta .executable-yes{color:var(--color-success)}.script-meta .executable-no{color:var(--color-text-tertiary)}.script-path{font-size:var(--text-sm);color:var(--color-text-tertiary);font-family:var(--font-mono)}.assign-scripts-section{display:flex;flex-direction:column;gap:var(--space-12)}.assign-form{display:flex;flex-direction:column;gap:var(--space-8)}.assignments-list h3{font-size:var(--text-3xl);font-weight:var(--font-semibold);margin-bottom:var(--space-6)}.assignments-list ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-4)}.assignment-item{background:var(--color-bg-tertiary);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-7);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.assignment-info{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.assignment-container{font-size:var(--text-xl);font-weight:var(--font-medium);display:flex;align-items:center;gap:var(--space-4)}.assignment-container i{color:var(--color-accent);font-size:var(--text-lg)}.assignment-script{font-size:var(--text-lg);color:var(--color-text-secondary);font-family:var(--font-mono);display:flex;align-items:center;gap:var(--space-4)}.assignment-script i{color:var(--color-success);font-size:var(--text-sm)}.assignment-meta{font-size:var(--text-sm);color:var(--color-text-tertiary)}@media(max-width:640px){.settings-grid{grid-template-columns:1fr;gap:var(--space-6)}.setting-item.full-width{grid-column:1}.error-banner,.status-banner{margin:0 var(--space-8) var(--space-6) var(--space-8);padding:var(--space-6);font-size:var(--text-base)}.error-banner .error-text strong{font-size:var(--text-lg)}.error-banner .error-text p{font-size:var(--text-sm)}.toggle-label{padding:var(--space-5)}.toggle-text strong{font-size:var(--text-lg)}.toggle-text small{font-size:var(--text-sm)}.select-label strong{font-size:var(--text-lg)}.select-label small{font-size:var(--text-sm)}.setting-select{font-size:var(--text-lg);padding:var(--space-5) var(--space-6)}.changes-warning{padding:var(--space-6)}.changes-warning .warning-header{font-size:var(--text-lg)}.changes-warning .changes-list,.changes-warning .changes-list li{font-size:var(--text-base)}.changes-warning .warning-note{font-size:var(--text-sm)}.button-group{flex-direction:column-reverse;gap:var(--space-4)}.button-group button{width:100%}.info-box{padding:var(--space-5) var(--space-6);font-size:var(--text-sm)}.info-box-small{font-size:var(--text-xs);padding:var(--space-4) var(--space-5)}.current-script-indicator{font-size:var(--text-sm);padding:var(--space-4) var(--space-5)}}.dashboard{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.dashboard>header{flex-shrink:0;padding:var(--space-8) var(--space-8) var(--space-6);padding-left:calc(var(--space-8) + var(--safe-area-inset-left));padding-right:calc(var(--space-8) + var(--safe-area-inset-right));border-bottom:1px solid rgba(255,255,255,.06)}.dashboard>header h1{font-size:var(--text-4xl);font-weight:var(--font-semibold);margin:0;color:var(--color-text-primary);letter-spacing:-.03em}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);gap:var(--space-8)}.connection-status{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);font-family:var(--font-mono)}.connection-status.reconnecting{background:var(--color-warning-dim);color:var(--color-warning);animation:pulse-glow 2s infinite}.connection-status.reconnecting i{font-size:var(--text-md)}.header-title,.header-title-full{flex:1;display:flex;justify-content:center;align-items:center}.title-logo{height:56px;width:auto;max-width:100%;object-fit:contain}.header-actions{display:flex;gap:var(--space-4);align-items:flex-start}.refresh-buttons-stack{display:flex;flex-direction:column;gap:var(--space-4)}.status-info-card{background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-8);display:flex;flex-direction:column;gap:var(--space-3);min-width:200px;box-shadow:var(--shadow-sm)}.status-info-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-base);line-height:var(--leading-tight)}.status-label{color:var(--color-text-tertiary);font-weight:400}.status-value{color:var(--color-text-primary);font-weight:600;font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.refresh-btn,.history-btn,.back-btn{background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);padding:var(--space-3) var(--space-6);min-height:38px;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--transition-fast);white-space:nowrap}.cache-refresh-btn{color:var(--color-warning)}.refresh-btn:hover,.history-btn:hover,.back-btn:hover{background:var(--color-bg-elevated);border-color:var(--color-border);color:var(--color-text-primary)}.refresh-btn:active,.history-btn:active,.back-btn:active{transform:scale(.98)}.refresh-btn:focus-visible,.history-btn:focus-visible,.back-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.select-all-btn.icon-btn{color:var(--color-text-secondary)}.select-all-btn.icon-btn:hover{color:var(--color-accent);border-color:var(--color-accent-border)}.stats-bar{display:flex;gap:var(--space-4)}.stat{flex:1;background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);padding:var(--space-6) var(--space-7);border-radius:var(--radius-xl);text-align:center;font-size:var(--text-5xl);font-weight:var(--font-bold);font-family:var(--font-display);color:var(--color-text-primary)}.stat small{display:block;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-tertiary);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-top:var(--space-2);font-family:var(--font-body)}.search-bar-skeleton .search-input:disabled{opacity:.6;cursor:default}.filter-toolbar button:disabled{opacity:.6;cursor:default}.filter-toolbar .segmented-control button:disabled{opacity:.6}.filter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);margin-top:var(--space-6)}.filter-toolbar .segmented-control{flex:1}.toolbar-options{display:flex;gap:var(--space-3)}.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--text-lg);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.icon-btn:hover{background:var(--color-bg-elevated);color:var(--color-text-primary);border-color:var(--color-border)}.icon-btn:active{transform:scale(.92)}.icon-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.icon-btn.active{background:var(--color-accent-dim);color:var(--color-accent);border-color:var(--color-accent-border)}.icon-btn.active:hover{background:rgba(var(--color-primary-rgb),.25)}.dashboard .settings-menu-wrapper,.dashboard-settings-btn{position:relative;z-index:var(--z-dropdown)}.dashboard>main{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:var(--space-8) var(--space-8) 100px;padding-left:calc(var(--space-8) + var(--safe-area-inset-left));padding-right:calc(var(--space-8) + var(--safe-area-inset-right));scrollbar-gutter:stable;contain:layout}.stack-header.standalone{color:var(--color-text-secondary)}.badge-dot{width:var(--space-4);height:var(--space-4);background:var(--color-accent);border-radius:var(--radius-full);animation:pulse-glow 2s infinite}.stack-restart-btn{margin-left:auto;width:var(--size-button-sm);height:var(--size-button-sm);display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.stack-restart-btn:hover{background:var(--color-bg-elevated);color:var(--color-accent);border-color:var(--color-accent-border)}.stack-restart-btn:active{transform:scale(.95)}.stack-restart-btn:disabled{opacity:.5;cursor:not-allowed}.stack-restart-btn i.fa-spin{animation:fa-spin 1s infinite linear}.stack-select-btn{width:var(--size-button-sm);height:var(--size-button-sm);display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.stack-select-btn:hover{background:var(--color-bg-elevated);color:var(--color-accent);border-color:var(--color-accent-border)}.stack-select-btn:active{transform:scale(.95)}.stack-container-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--color-separator)}.dashboard ul,.stack-container-list{list-style:none;background:transparent;border-radius:0;overflow:visible}.dashboard li,.stack-container-list>li{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-separator);transition:background-color var(--transition-fast)}.dashboard li:last-child,.stack-container-list>li:last-child{border-bottom:none}.dashboard li.clickable,.stack-container-list>li.clickable,.container-row-clickable{cursor:pointer}.dashboard li.clickable:hover,.stack-container-list>li.clickable:hover,.container-row-clickable:hover{background:var(--color-bg-tertiary)}.dashboard li.clickable:active,.stack-container-list>li.clickable:active,.container-row-clickable:active{background:var(--color-bg-elevated)}.container-row-clickable:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-accent);background:var(--color-bg-tertiary)}.dashboard li input[type=checkbox],.stack-container-list>li input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border:2px solid var(--color-text-quaternary);border-radius:var(--radius-md);background:transparent;cursor:pointer;flex-shrink:0;position:relative;transition:all var(--transition-fast)}.dashboard li input[type=checkbox]:hover,.stack-container-list>li input[type=checkbox]:hover{border-color:var(--color-accent)}.dashboard li input[type=checkbox]:checked,.stack-container-list>li input[type=checkbox]:checked{background:var(--color-accent);border-color:var(--color-accent);box-shadow:var(--shadow-glow-amber)}.dashboard li input[type=checkbox]:checked:after,.stack-container-list>li input[type=checkbox]:checked:after{content:"";position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid var(--color-bg-primary);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}.dashboard li input[type=checkbox]:focus-visible,.stack-container-list>li input[type=checkbox]:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.selection-zone{display:flex;align-items:center;justify-content:center;min-width:56px;padding:var(--space-4) var(--space-4);margin:calc(var(--space-4) * -1) 0;margin-left:calc(var(--space-4) * -1);cursor:pointer;flex-shrink:0}.checkbox-area{display:flex;align-items:center;justify-content:center;padding:var(--space-5) var(--space-6);margin:calc(var(--space-5) * -1) calc(var(--space-6) * -1);margin-right:var(--space-2);cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.checkbox-area:hover{background-color:var(--color-bg-hover-faint)}.container-info{flex:1;min-width:0}.name{display:block;color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.version{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1);font-family:var(--font-mono)}.dashboard li.has-update .version,.stack-container-list>li.has-update .version{color:var(--color-text-secondary)}.dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0;background:var(--color-text-quaternary);transition:all var(--transition-fast)}.dot.update{background:var(--color-accent)}.dot.major{background:var(--color-status-major)}.dot.minor{background:var(--color-status-minor)}.dot.patch{background:var(--color-status-patch)}.dot.blocked{background:var(--color-status-blocked)}.dot.error{background:var(--color-danger);animation:pulse 1.5s infinite}.dot.mismatch{background:var(--color-warning)}.dot.current{background:var(--color-status-current)}.dot.pinnable{background:var(--color-status-pinnable)}.dot.local{background:var(--color-status-local)}.dot.ignored{background:var(--color-status-ignored)}.dashboard .status-badge{display:inline-flex;align-items:center;padding:var(--badge-pad-y) var(--badge-pad-x);border-radius:var(--badge-radius);font-size:var(--badge-font-size);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--badge-tracking);white-space:nowrap;flex-shrink:0;line-height:var(--badge-line-height)}.dashboard .status-badge.major{background:var(--color-badge-major-dim);color:var(--color-badge-major)}.dashboard .status-badge.minor{background:var(--color-badge-minor-dim);color:var(--color-badge-minor)}.dashboard .status-badge.patch{background:var(--color-badge-patch-dim);color:var(--color-badge-patch)}.dashboard .status-badge.rebuild{background:var(--color-slate-dim);color:var(--color-slate)}.dashboard .status-badge.blocked{background:var(--color-badge-blocked-dim);color:var(--color-badge-blocked)}.dashboard .status-badge.pin{background:var(--color-badge-pin-dim);color:var(--color-badge-pin)}.dashboard .status-badge.mismatch{background:var(--color-warning-dim);color:var(--color-warning)}.dashboard .status-badge.current{background:var(--color-success-dim);color:var(--color-success)}.dashboard .status-badge.local{background:var(--color-slate-dim);color:var(--color-slate)}.dashboard .status-badge.ignored{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.status-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--badge-radius);font-size:11px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.status-pill.running{background:var(--color-success-dim);color:var(--color-success-bright)}.status-pill.stopped{background:var(--color-slate-dim);color:var(--color-slate)}.status-pill.update-available{background:var(--color-cyan-dim);color:var(--color-cyan)}.status-pill.error{background:var(--color-danger-dim);color:var(--color-danger-bright)}.check{color:var(--color-success);font-size:var(--text-md);flex-shrink:0}.warn{color:var(--color-warning);font-size:var(--text-md);flex-shrink:0}.info{color:var(--color-accent);font-size:var(--text-md);flex-shrink:0}.label-icon{font-size:var(--text-sm);flex-shrink:0;opacity:.8}.label-icon.pin-major{color:var(--color-danger)}.label-icon.pin-minor{color:var(--color-warning)}.label-icon.pin-patch{color:var(--color-success)}.label-icon.regex{color:var(--color-accent)}.label-icon.script{color:var(--color-text-tertiary)}.label-icon.latest{color:var(--color-warning)}.label-icon.env{color:var(--color-accent)}.dashboard li.selected,.stack-container-list>li.selected{background:var(--color-accent-dim);border-color:var(--color-accent-border)}.selection-bar{position:fixed;bottom:calc(var(--height-tab-bar) + var(--safe-area-inset-bottom) + var(--space-4));left:calc(var(--space-8) + var(--safe-area-inset-left));right:calc(var(--space-8) + var(--safe-area-inset-right));background:#18181beb;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-2xl);padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);z-index:var(--z-dropdown);box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff0a inset;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);animation:selection-bar-enter var(--duration-slow) var(--ease-spring)}.selection-bar .selection-actions{display:flex;justify-content:space-between;align-items:center;width:100%;gap:var(--space-4)}.selection-bar .selection-summary{display:flex;align-items:center;gap:var(--space-4);min-width:0}.selection-bar .selection-buttons{display:flex;gap:var(--space-2);align-items:center;flex-shrink:0}.self-update-warning{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:#fb923c14;border:1px solid rgba(251,146,60,.15);border-radius:var(--radius-md);color:var(--color-warning);font-size:var(--text-xs);font-weight:var(--font-medium)}.self-update-warning i{font-size:var(--text-sm);flex-shrink:0}@keyframes selection-bar-enter{0%{opacity:0;transform:translateY(24px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.selection-bar .selection-count{color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.actions-dropdown-btn{background:#ffffff0f;color:var(--color-text-primary);border:1px solid rgba(255,255,255,.1);padding:var(--space-3) var(--space-6);min-height:36px;border-radius:var(--radius-lg);font-weight:var(--font-medium);font-size:var(--text-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--transition-fast)}.actions-dropdown-btn:hover{background:#ffffff1a;border-color:#ffffff29}.update-btn{background:var(--color-accent);color:#fff;border:none;padding:var(--space-3) var(--space-8);min-height:36px;border-radius:var(--radius-lg);font-weight:var(--font-semibold);font-size:var(--text-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--transition-fast)}.update-btn:hover:not(:disabled){filter:brightness(1.1)}.update-btn:active:not(:disabled){filter:brightness(.95)}.update-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.update-btn:disabled{background:var(--color-text-quaternary);cursor:not-allowed;opacity:.6;box-shadow:none}.cancel-btn{background:transparent;color:var(--color-text-tertiary);border:none;padding:var(--space-3) var(--space-5);min-height:36px;border-radius:var(--radius-lg);font-weight:var(--font-medium);font-size:var(--text-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.cancel-btn:hover{background:#ffffff0f;color:var(--color-text-primary)}.cancel-btn:active{background:#ffffff0a}.update-status{position:fixed;top:60px;left:50%;transform:translate(-50%);background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-primary);padding:var(--space-6) var(--space-12);border-radius:var(--radius-2xl);font-size:var(--text-lg);font-weight:var(--font-medium);z-index:var(--z-dropdown);box-shadow:var(--shadow-lg);animation:fadeIn var(--duration-slow) var(--ease-out)}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tab-bar{position:fixed;bottom:0;left:0;right:0;height:calc(var(--height-tab-bar) + var(--safe-area-inset-bottom));padding-bottom:var(--safe-area-inset-bottom);background:#111114d1;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-around;align-items:stretch;z-index:var(--z-modal)}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;color:var(--color-text-quaternary);cursor:pointer;padding:var(--space-3) 0;transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent;position:relative}.tab-item:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%) scaleX(0);width:32px;height:2px;background:var(--color-text-primary);border-radius:0 0 2px 2px;transition:transform var(--transition-normal)}.tab-item:active{opacity:.8}.tab-item.active{color:var(--color-text-primary)}.tab-item.active:before{transform:translate(-50%) scaleX(1)}.tab-icon-container{position:relative;display:flex;align-items:center;justify-content:center;height:24px;width:32px}.tab-icon{font-size:20px;line-height:1;transition:color var(--transition-fast)}.tab-item.active .tab-icon{color:var(--color-text-primary)}.tab-badge{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;padding:0 5px;background:var(--color-accent);color:var(--color-bg-primary);font-size:10px;font-weight:var(--font-bold);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;box-shadow:0 2px 4px #0003}@keyframes badge-pop-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.tab-label{font-size:11px;font-weight:var(--font-medium);letter-spacing:.01em;transition:color var(--transition-fast)}.tab-item.active .tab-label{font-weight:var(--font-semibold);color:var(--color-text-primary)}.tab-content{flex:1;overflow:hidden;padding-bottom:calc(56px + var(--safe-area-inset-bottom))}@media(max-width:640px){.dashboard>header h1{font-size:var(--text-3xl)}.stat{font-size:var(--text-4xl);padding:var(--space-5) var(--space-6)}.stat small{font-size:var(--text-2xs)}.name{font-size:var(--text-base)}.version{font-size:var(--text-xs)}.dashboard .status-badge{font-size:7px;padding:1px 4px}.dashboard li,.stack-container-list>li{padding:var(--space-4) var(--space-5);gap:var(--space-4)}.selection-bar{left:var(--space-3);right:var(--space-3);padding:var(--space-4) var(--space-4);gap:var(--space-2)}.selection-bar .selection-actions{flex-wrap:wrap;gap:var(--space-2)}.selection-bar .selection-summary{flex:1 1 100%;gap:var(--space-3)}.selection-bar .selection-buttons{flex:1 1 100%;justify-content:flex-end;gap:var(--space-2)}.selection-bar .selection-count{font-size:var(--text-sm)}.cancel-btn,.actions-dropdown-btn,.update-btn{min-height:32px;padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}}@media(max-width:480px){.stats-bar{gap:var(--space-3)}.stat{padding:var(--space-4) var(--space-5);font-size:var(--text-3xl)}.stat small{font-size:var(--text-2xs)}}@media(min-width:768px){.dashboard>main{padding:var(--space-8) var(--space-12) 100px}.dashboard li,.stack-container-list>li{padding:var(--space-5) var(--space-7)}.name{font-size:var(--text-md)}.version{font-size:var(--text-sm)}}@media(min-width:1200px){.dashboard>header{padding:var(--space-10) var(--space-16)}.dashboard>main{padding:var(--space-8) var(--space-20) 100px}.stat{font-size:var(--text-6xl);padding:var(--space-8) var(--space-10)}.stat small{font-size:var(--text-sm)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.containers-page{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;background:var(--color-bg-primary);position:relative}.containers-header{flex-shrink:0;padding:var(--space-8) var(--space-8) var(--space-6);padding-left:calc(var(--space-8) + var(--safe-area-inset-left));padding-right:calc(var(--space-8) + var(--safe-area-inset-right));border-bottom:1px solid rgba(255,255,255,.06)}.containers-header h1{font-size:var(--text-4xl);font-weight:var(--font-semibold);margin:0;color:var(--color-text-primary);letter-spacing:-.03em}.containers-header .header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);gap:var(--space-8)}.containers-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:var(--space-8) var(--space-8) 100px;padding-left:calc(var(--space-8) + var(--safe-area-inset-left));padding-right:calc(var(--space-8) + var(--safe-area-inset-right));scrollbar-gutter:stable;contain:layout}.containers-content.has-selection{padding-bottom:200px}.unified-row{display:grid;grid-template-columns:auto 1fr auto;align-items:stretch;gap:0;border-bottom:1px solid var(--color-separator);transition:background-color var(--transition-fast);list-style:none}.unified-row .checkbox-zone{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-6);cursor:pointer;-webkit-user-select:none;user-select:none;margin:0}.unified-row .checkbox-zone .row-checkbox{width:16px;height:16px;flex-shrink:0;cursor:pointer;accent-color:var(--color-accent);margin:0;pointer-events:none}.unified-row .checkbox-zone .state-indicator{pointer-events:none}.unified-row .row-link{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-4) var(--space-4) 0;cursor:pointer;min-width:0}.unified-row .row-link:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-accent)}.unified-row:last-child{border-bottom:none}.unified-row:hover{background:var(--color-bg-tertiary)}.unified-row .row-link:active{background:var(--color-bg-elevated)}.unified-row.selected{background:var(--color-accent-dim);border-color:var(--color-accent-border)}.unified-row.has-update .version{color:var(--color-text-secondary)}.containers-page .status-badge{display:inline-flex;align-items:center;padding:var(--badge-pad-y) var(--badge-pad-x);border-radius:var(--badge-radius);font-size:var(--badge-font-size);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--badge-tracking);white-space:nowrap;flex-shrink:0;line-height:var(--badge-line-height)}.containers-page .status-badge.major{background:var(--color-badge-major-dim);color:var(--color-badge-major)}.containers-page .status-badge.minor{background:var(--color-badge-minor-dim);color:var(--color-badge-minor)}.containers-page .status-badge.patch{background:var(--color-badge-patch-dim);color:var(--color-badge-patch)}.containers-page .status-badge.rebuild{background:var(--color-slate-dim);color:var(--color-slate)}.containers-page .status-badge.blocked{background:var(--color-badge-blocked-dim);color:var(--color-badge-blocked)}.containers-page .status-badge.pin{background:var(--color-badge-pin-dim);color:var(--color-badge-pin)}.containers-page .status-badge.mismatch{background:var(--color-warning-dim);color:var(--color-warning)}.containers-page .status-badge.current{background:var(--color-success-dim);color:var(--color-success)}.containers-page .status-badge.local{background:var(--color-slate-dim);color:var(--color-slate)}.containers-page .status-badge.ignored{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.containers-page .status-badge.stopped{background:var(--color-slate-dim);color:var(--color-slate)}.show-full-stack-btn{background:none;border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.show-full-stack-btn:hover{color:var(--color-text-primary);border-color:var(--color-text-tertiary);background:var(--color-bg-tertiary)}.stack-group.stack-highlight{animation:stack-flash 1.5s ease-out}@keyframes stack-flash{0%,15%{background:var(--color-bg-tertiary)}to{background:transparent}}.bulk-actions-wrapper{position:relative}.bulk-actions-menu{position:absolute;bottom:calc(100% + var(--space-2));right:0;min-width:200px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);overflow:hidden;padding:var(--space-2) 0}.bulk-actions-menu button{display:flex;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4) var(--space-6);background:none;border:none;color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:background var(--transition-fast);text-align:left}.bulk-actions-menu button:hover{background:var(--color-bg-tertiary)}.bulk-actions-menu button:disabled{opacity:.5;cursor:not-allowed}.bulk-actions-menu button.danger,.bulk-actions-menu button.danger i{color:var(--color-danger)}.bulk-actions-menu button i{width:20px;text-align:center;color:var(--color-text-secondary);font-size:var(--text-md)}.bulk-actions-divider{height:1px;background:var(--color-separator);margin:var(--space-2) 0}.bulk-actions-menu .bulk-section-label{display:block;padding:var(--space-3) var(--space-6) var(--space-1);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;cursor:default}.containers-page .settings-menu-wrapper{position:relative;z-index:var(--z-dropdown)}.blocked-excluded-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:#0ea5e90f;border:1px solid rgba(14,165,233,.12);border-radius:var(--radius-md);color:var(--color-accent-bright);font-size:var(--text-xs);font-weight:var(--font-medium)}.include-blocked-btn{background:none;border:none;color:var(--color-accent-bright);text-decoration:underline;cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:0;margin-left:auto}.include-blocked-btn:hover{color:var(--color-accent)}.force-update-warning{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:#fb923c14;border:1px solid rgba(251,146,60,.15);border-radius:var(--radius-md);color:var(--color-warning);font-size:var(--text-xs);font-weight:var(--font-medium)}.force-update-warning i{font-size:var(--text-sm);flex-shrink:0}.containers-page .selection-bar .selection-summary{display:flex;align-items:center;gap:var(--space-4)}.containers-page .selection-bar .update-type-badges{display:flex;gap:var(--space-1);flex-wrap:wrap;align-items:center;padding-left:var(--space-4);border-left:1px solid rgba(255,255,255,.08)}.containers-page .selection-bar .update-type-badge{font-size:var(--badge-font-size);padding:1px 6px;border-radius:var(--radius-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;line-height:1.4}.update-type-badge.patch{background:var(--color-badge-patch-dim);color:var(--color-badge-patch)}.update-type-badge.minor{background:var(--color-badge-minor-dim);color:var(--color-badge-minor)}.update-type-badge.major{background:var(--color-badge-major-dim);color:var(--color-badge-major)}.update-type-badge.rebuild{background:var(--color-slate-dim);color:var(--color-slate)}.update-type-badge.blocked{background:var(--color-badge-blocked-dim);color:var(--color-badge-blocked)}.update-type-badge.mismatch{background:var(--color-warning-dim);color:var(--color-warning)}.update-btn.force{background:var(--color-warning)}.selection-bar.has-force{border-color:#fb923c33;box-shadow:0 8px 32px #00000080,0 0 24px #fb923c14}@media(max-width:640px){.containers-header h1{font-size:var(--text-3xl)}.containers-page .status-badge{font-size:7px;padding:1px 4px}.unified-row .checkbox-zone{padding-left:var(--space-5)}.containers-page .selection-bar .selection-summary{gap:var(--space-3);min-width:0}.containers-page .selection-bar .update-type-badges{border-left:none;padding-left:0;gap:2px}.containers-page .selection-bar .update-type-badge{font-size:8px;padding:1px 5px}}@media(min-width:768px){.containers-content{padding:var(--space-8) var(--space-12) 100px}.unified-row .checkbox-zone{padding:var(--space-5) var(--space-4) var(--space-5) var(--space-7)}.unified-row .row-link{padding:var(--space-5) var(--space-4) var(--space-5) 0}}@media(min-width:1200px){.containers-header{padding:var(--space-10) var(--space-16)}.containers-content{padding:var(--space-8) var(--space-20) 100px}}.explorer{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;background:var(--color-bg-primary);position:relative}.pull-refresh-indicator{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:var(--z-modal);transition:background var(--transition-fast)}.explorer-header{flex-shrink:0;padding:var(--space-8) var(--space-8) var(--space-6);padding-left:calc(var(--space-8) + var(--safe-area-inset-left));padding-right:calc(var(--space-8) + var(--safe-area-inset-right));border-bottom:1px solid var(--color-separator)}.explorer-header h1{font-size:var(--text-4xl);font-weight:var(--font-semibold);margin:0 0 var(--space-6) 0;color:var(--color-text-primary);letter-spacing:-.03em}.explorer-tabs{margin-top:var(--space-6)}.explorer-tabs button{display:flex;align-items:center;justify-content:center;gap:var(--space-3);min-width:0}.explorer-tabs button i{font-size:var(--text-md);flex-shrink:0}.explorer-tabs .tab-label{display:none}.explorer-tabs .tab-count{font-size:var(--text-sm);font-weight:var(--font-semibold)}@media(min-width:480px){.explorer-tabs .tab-label{display:inline}.explorer-tabs .tab-count{font-size:var(--text-sm);opacity:.7}.explorer-tabs button.active .tab-count{opacity:1}}.explorer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6)}.explorer-toolbar .explorer-tabs{margin-top:0;flex:1;min-width:0}.explorer-toolbar-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.prune-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.prune-btn:hover:not(:disabled){background:var(--color-danger-dim);border-color:var(--color-danger);color:var(--color-danger)}.prune-btn:active:not(:disabled){transform:scale(.98)}.prune-btn:disabled{opacity:.6;cursor:not-allowed}.prune-btn i{font-size:var(--text-md)}.prune-btn span{display:none}@media(min-width:480px){.prune-btn span{display:inline}}.explorer-settings-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-md);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.explorer-settings-btn:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.explorer-settings-btn.active{background:var(--color-accent-dim);border-color:var(--color-accent);color:var(--color-accent)}.explorer-settings-btn{position:relative;z-index:var(--z-dropdown)}.settings-menu-wrapper{position:relative}.settings-menu-backdrop{position:fixed;inset:0;z-index:calc(var(--z-dropdown) - 1)}.settings-menu{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:260px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);overflow:hidden}.settings-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-separator);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.settings-reset{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.settings-reset:hover{background:var(--color-bg-elevated);color:var(--color-accent)}.settings-close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.settings-close-btn:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.settings-menu-content{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.settings-group{display:flex;flex-direction:column;gap:var(--space-3)}.settings-group:last-child{margin-bottom:0}.settings-label{display:block;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.settings-options{display:flex;background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:2px;gap:2px}.settings-options button{flex:1;padding:var(--space-3) var(--space-4);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.settings-options button:hover:not(.active){color:var(--color-text-primary)}.settings-options button.active{background:var(--color-bg-elevated);color:var(--color-text-primary);box-shadow:0 1px 3px #0000004d}.settings-options button i{margin-right:var(--space-2);font-size:var(--text-xs)}.settings-checkbox{display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;gap:var(--space-4);cursor:pointer;padding:var(--space-4) var(--space-5);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);transition:background var(--transition-fast)}.settings-checkbox:hover{background:var(--color-bg-elevated)}.settings-checkbox span{font-size:var(--text-base);color:var(--color-text-primary);font-weight:var(--font-medium)}.settings-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;width:51px;height:31px;background:var(--color-bg-elevated);border-radius:16px;cursor:pointer;flex-shrink:0;transition:background .3s ease;border:none}.settings-checkbox input[type=checkbox]:before{content:"";position:absolute;top:50%;left:2px;transform:translateY(-50%) translate(0);width:27px;height:27px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;transition:transform .3s ease}.settings-checkbox input[type=checkbox]:checked{background:var(--color-success)}.settings-checkbox input[type=checkbox]:checked:before{transform:translateY(-50%) translate(20px)}.explorer-search{margin:0}.explorer-search .search-input:disabled{opacity:.7;cursor:default}.explorer-tabs button:disabled{opacity:.7;cursor:default}.explorer-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-8) var(--space-8) var(--space-bottom-nav);padding-left:calc(var(--space-8) + var(--safe-area-inset-left));padding-right:calc(var(--space-8) + var(--safe-area-inset-right));-webkit-overflow-scrolling:touch}.explorer-list-container{display:flex;flex-direction:column;gap:var(--space-6)}.stack-actions{position:relative;margin-left:auto;flex-shrink:0}.stack-actions .action-menu-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.stack-actions .action-menu{right:0;min-width:160px}.stack-header .stack-icon{font-size:var(--text-lg);color:var(--color-accent)}.stack-header.standalone .stack-icon{color:var(--color-text-tertiary);filter:none}.explorer-list{list-style:none;margin:0;padding:0;background:transparent}.stack-group .explorer-list{border-top:1px solid var(--color-separator)}.explorer-list-container .stack-group{background:var(--color-bg-secondary)}.item-icon{font-size:var(--text-lg);color:var(--color-text-tertiary);width:var(--space-8);text-align:center;flex-shrink:0}.item-icon.in-use{color:var(--color-success)}.item-icon.default{color:var(--color-accent)}.item-icon.loading{animation:spin 1s linear infinite}.item-badges{display:flex;gap:var(--space-2);flex-shrink:0}.badge{padding:var(--badge-pad-y) var(--badge-pad-x);border-radius:var(--badge-radius);font-size:var(--badge-font-size);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--badge-tracking);line-height:var(--badge-line-height)}.badge.in-use{background:var(--color-success-subtle);color:var(--color-success)}.badge.dangling{background:var(--color-orange-subtle);color:var(--color-warning)}.badge.default{background:var(--color-accent-dim);color:var(--color-accent)}.badge.unused{background:var(--color-text-tertiary-dim);color:var(--color-text-tertiary)}.item-actions{position:relative;flex-shrink:0}.explorer-empty{padding:var(--space-20) var(--space-10);text-align:center;color:var(--color-text-tertiary);font-size:var(--text-lg)}.explorer-loading{display:flex;justify-content:center;align-items:center;padding:var(--space-24);color:var(--color-accent);font-size:var(--text-4xl)}.explorer-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-24) var(--space-10);text-align:center;gap:var(--space-8)}.explorer-error i{font-size:var(--text-8xl);color:var(--color-warning)}.explorer-error p{color:var(--color-text-secondary);font-size:var(--text-base);max-width:300px;margin:0}.explorer-error button{background:var(--color-accent);color:var(--color-bg-primary);border:none;padding:var(--space-5) var(--space-10);border-radius:var(--radius-lg);font-weight:var(--font-medium);cursor:pointer}.explorer-error button:hover{filter:brightness(1.1)}@media(max-width:640px){.explorer-header h1{font-size:var(--text-3xl)}}@media(max-width:480px){.explorer-tabs{margin-top:var(--space-5)}.explorer-tabs button{padding:var(--space-4) var(--space-6);font-size:var(--text-md)}.explorer-content{padding:var(--space-8) var(--space-7) var(--space-bottom-nav)}.stack-header{padding:var(--space-5) var(--space-6)}.explorer-item{padding:var(--space-4) var(--space-6);gap:var(--space-5)}.item-name{font-size:var(--text-md)}.item-meta{font-size:var(--text-xs)}}@media(min-width:1200px){.explorer-header{padding:var(--space-10) var(--space-16)}.explorer-content{padding:var(--space-8) var(--space-20) 100px}}.history-page{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;background:var(--color-bg-primary)}.history-page header{flex-shrink:0;padding:var(--space-8) var(--space-8) var(--space-6);padding-left:calc(var(--space-8) + var(--safe-area-inset-left));padding-right:calc(var(--space-8) + var(--safe-area-inset-right));border-bottom:1px solid var(--color-separator)}.history-page header h1{font-size:var(--text-4xl);font-weight:var(--font-semibold);margin:0;color:var(--color-text-primary);letter-spacing:-.03em}.history-page .header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.history-stats{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.history-list{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:var(--space-8) var(--space-8) var(--space-bottom-nav);padding-left:calc(var(--space-8) + var(--safe-area-inset-left));padding-right:calc(var(--space-8) + var(--safe-area-inset-right));display:flex;flex-direction:column;gap:var(--space-6);scrollbar-gutter:stable;contain:layout}.history-page .search-bar-loading .search-input:disabled{opacity:.6;cursor:default}.history-page .filter-toolbar button:disabled,.history-page .filter-toolbar select:disabled{opacity:.6;cursor:default}.operation-card{background:var(--color-bg-secondary);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-7);border:1px solid var(--color-border-subtle);border-left:3px solid var(--color-separator);transition:all var(--transition-fast);box-shadow:var(--shadow-sm),inset 0 1px #ffffff08}.operation-summary:hover{opacity:.85}.operation-summary:active{transform:scale(.995)}.operation-card.status-success{border-left-color:var(--color-success)}.operation-card.status-failed{border-left-color:var(--color-danger)}.operation-card.status-pending{border-left-color:var(--color-text-secondary)}.operation-card.status-rollback{border-left-color:var(--color-warning)}.operation-card.expanded{background:var(--color-bg-tertiary);box-shadow:var(--shadow-md),0 0 0 1px var(--color-accent-border)}.operation-summary{display:flex;flex-direction:column;gap:var(--space-3);cursor:pointer}.op-main{display:flex;align-items:center;gap:var(--space-4);min-width:0}.op-status-icon{font-size:var(--text-xl);flex-shrink:0}.op-status-icon.status-success{color:var(--color-success)}.op-status-icon.status-failed{color:var(--color-danger)}.op-status-icon.status-pending{color:var(--color-text-secondary)}.op-status-icon.status-rollback{color:var(--color-warning)}.op-container{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:var(--space-3)}.container-link{color:var(--color-accent);cursor:pointer;transition:opacity var(--transition-fast)}.container-link:hover{opacity:.8;text-decoration:underline}.op-type-badge{font-family:var(--font-mono);font-size:var(--badge-font-size);font-weight:var(--font-semibold);padding:var(--badge-pad-y) var(--badge-pad-x);border-radius:var(--badge-radius);text-transform:uppercase;letter-spacing:var(--badge-tracking);line-height:var(--badge-line-height);flex-shrink:0}.op-type-badge.batch{background:var(--color-op-batch-dim);color:var(--color-op-batch)}.op-type-badge.rollback{background:var(--color-op-rollback-dim);color:var(--color-op-rollback)}.op-type-badge.rolled-back{background:var(--color-op-rolled-back-dim);color:var(--color-op-rolled-back)}.op-type-badge.restart{background:var(--color-op-restart-dim);color:var(--color-op-restart)}.op-type-badge.labels{background:var(--color-op-labels-dim);color:var(--color-op-labels)}.op-type-badge.stop{background:var(--color-op-stop-dim);color:var(--color-op-stop)}.op-type-badge.remove{background:var(--color-op-remove-dim);color:var(--color-op-remove)}.op-type-badge.fix{background:var(--color-warning-dim);color:var(--color-warning)}.op-type-badge.major{background:var(--color-badge-major-dim);color:var(--color-badge-major)}.op-type-badge.minor{background:var(--color-badge-minor-dim);color:var(--color-badge-minor)}.op-type-badge.patch{background:var(--color-badge-patch-dim);color:var(--color-badge-patch)}.op-type-badge.rebuild{background:var(--color-slate-dim);color:var(--color-slate)}.op-type-badge.downgrade{background:var(--color-danger-dim);color:var(--color-danger)}.op-label-info{font-size:var(--text-sm);color:var(--color-text-secondary);font-style:italic}.type-filter-select{padding:var(--space-3) var(--space-14) var(--space-3) var(--space-5);font-size:var(--text-md);font-weight:var(--font-medium);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23A8A8B3'%3E%3Cpath d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:var(--space-8);min-width:110px;flex-shrink:0;transition:all var(--transition-fast)}.type-filter-select:hover{border-color:var(--color-accent)}.type-filter-select:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.op-info{padding-left:var(--space-12)}.op-version{font-size:var(--text-sm);color:var(--color-text-secondary);font-family:var(--font-mono)}.op-batch-summary{font-size:var(--text-sm);color:var(--color-text-secondary)}.op-meta{display:flex;align-items:center;gap:var(--space-6);padding-left:var(--space-12)}.op-copy-btn{display:flex;align-items:center;gap:var(--space-2);background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--color-text-secondary);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.op-copy-btn:hover{background:var(--color-bg-elevated);color:var(--color-text-primary);border-color:var(--color-border)}.op-copy-btn:active{transform:scale(.95)}.op-copy-btn.copied{background:var(--color-success-dim);color:var(--color-success);border-color:var(--color-success)}.op-copy-btn i{font-size:var(--text-2xs)}.op-id-short{letter-spacing:.5px}.op-time{font-size:var(--text-sm);color:var(--color-text-secondary)}.op-duration{font-size:var(--text-sm);color:var(--color-text-tertiary);font-family:var(--font-mono)}.operation-details-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-slow) var(--ease-out)}.operation-card.expanded .operation-details-wrapper{grid-template-rows:1fr}.operation-expanded{overflow:hidden;min-height:0}.operation-card.expanded .operation-expanded{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-separator)}.op-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.op-detail{display:flex;flex-direction:column;gap:var(--space-1)}.op-detail .label{font-size:var(--text-xs);color:var(--color-text-tertiary);letter-spacing:var(--tracking-wide);text-transform:uppercase}.op-detail .value{font-size:var(--text-md);color:var(--color-text-primary);font-weight:var(--font-medium)}.op-detail .value.status-success{color:var(--color-success)}.op-detail .value.status-failed{color:var(--color-danger)}.op-batch-details{margin-bottom:var(--space-6)}.batch-details-header{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-4);letter-spacing:var(--tracking-wide);text-transform:uppercase;display:flex;align-items:center;justify-content:space-between}.batch-rollback-hint{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:none;letter-spacing:normal;font-weight:var(--font-normal);font-style:italic}.batch-details-list{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.batch-detail-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.batch-detail-item.selectable{cursor:pointer;-webkit-user-select:none;user-select:none}.batch-detail-item.selectable:hover{background:var(--color-bg-tertiary)}.batch-rollback-checkbox{width:16px;height:16px;accent-color:var(--color-primary);flex-shrink:0;pointer-events:none}.batch-rollback-checkbox:disabled{opacity:.3}.batch-detail-item.non-rollbackable{opacity:.7}.batch-detail-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.batch-detail-row{display:flex;align-items:center;gap:var(--space-3)}.rollback-strategy-note{font-size:var(--text-xs);display:flex;align-items:center;gap:var(--space-2)}.rollback-strategy-note.none{color:var(--color-warning)}.rollback-strategy-note.resolved,.rollback-strategy-note.digest{color:var(--color-text-tertiary)}.batch-container-name{font-weight:var(--font-medium);color:var(--color-text-primary);flex:1;min-width:0}.batch-version-change{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-container-count{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-left:var(--space-2)}.op-error{background:var(--color-danger-dim);border:1px solid var(--color-danger-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-6)}.error-label{font-size:var(--text-xs);color:var(--color-danger);font-weight:var(--font-bold);display:block;margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.error-msg{font-size:var(--text-sm);color:var(--color-danger-bright);word-break:break-word;line-height:1.5;font-family:var(--font-mono)}.op-actions{display:flex;justify-content:space-between;align-items:center}.rollback-btn{background:var(--color-orange);color:#fff;border:none;padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);font-size:var(--text-md);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast)}.rollback-btn:hover{filter:brightness(1.1)}.rollback-btn:active{filter:brightness(.95)}.rollback-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.op-id{font-size:var(--text-xs);color:var(--color-text-tertiary);font-family:var(--font-mono)}.op-id-mini{font-size:var(--text-2xs);color:var(--color-text-tertiary);font-family:var(--font-mono);background:var(--color-bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:all;user-select:all;transition:all var(--transition-fast)}.op-id-mini:hover{background:var(--color-bg-elevated);color:var(--color-text-secondary)}.op-id-mini:active{background:var(--color-text-quaternary)}.history-list .op-type-badge{font-size:var(--badge-font-size);font-weight:var(--font-semibold);padding:var(--badge-pad-y) var(--badge-pad-x);border-radius:var(--badge-radius);text-transform:uppercase;letter-spacing:var(--badge-tracking)}.history-list .op-type-badge.rollback{background:var(--color-op-rollback-dim);color:var(--color-op-rollback)}.history-list .op-type-badge.rolled-back{background:var(--color-op-rolled-back-dim);color:var(--color-op-rolled-back)}.confirm-container-list{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-4) 0;max-height:300px;overflow-y:auto}.confirm-container-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.confirm-container-item strong{color:var(--color-text-primary);font-weight:var(--font-semibold)}.confirm-version-change{font-family:var(--font-mono);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2)}.confirm-version-change .version-current{color:var(--color-danger)}.confirm-version-change .version-arrow{color:var(--color-text-tertiary)}.confirm-version-change .version-target{color:var(--color-success)}.confirm-force{background:var(--color-danger);color:#fff;border:none;padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);font-size:var(--text-md);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast)}.confirm-force:hover{filter:brightness(1.1)}@media(max-width:640px){.history-page header h1{font-size:var(--text-3xl)}.history-list{padding:var(--space-6) var(--space-8) var(--space-bottom-nav);gap:var(--space-5)}.operation-card{padding:var(--space-5) var(--space-6);border-radius:var(--radius-xl)}.filter-toolbar .segmented-control button{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.op-container{font-size:var(--text-base)}.op-detail-grid{grid-template-columns:1fr}}@media(min-width:1200px){.history-page header{padding:var(--space-10) var(--space-16)}.history-list{padding:var(--space-8) var(--space-20) var(--space-bottom-nav)}}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:var(--z-modal);animation:fadeInOverlay var(--transition-medium) var(--ease-out);padding:var(--space-8);padding-top:calc(var(--space-8) + var(--safe-area-inset-top));padding-bottom:calc(var(--space-bottom-nav) + var(--safe-area-inset-bottom));padding-left:calc(var(--space-8) + var(--safe-area-inset-left));padding-right:calc(var(--space-8) + var(--safe-area-inset-right))}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-bg-secondary);border-radius:var(--radius-xl);min-width:320px;max-width:600px;width:100%;height:auto;max-height:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--color-border-subtle);animation:modalSlideUp var(--duration-medium) var(--ease-out)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-8) var(--space-10);border-bottom:1px solid var(--color-separator)}.modal-header h2{font-size:var(--text-2xl);font-weight:var(--font-semibold);margin:0;color:var(--color-text-primary)}.modal-header .close-btn{background:none;border:none;color:var(--color-text-secondary);font-size:var(--text-7xl);line-height:1;cursor:pointer;padding:0;width:var(--space-16);height:var(--space-16);display:flex;align-items:center;justify-content:center}.modal-header .close-btn:hover{color:var(--color-text-primary)}.modal-tabs button:hover:not(.active){background:var(--color-bg-tertiary)}.modal-body{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:0 var(--space-10) var(--space-10) var(--space-10)}.modal-footer{border-top:1px solid var(--color-separator);padding:var(--space-8) var(--space-10);display:flex;justify-content:flex-end;gap:var(--space-6)}.confirm-dialog-overlay{position:fixed;inset:0;background:var(--color-overlay-light);display:flex;align-items:center;justify-content:center;z-index:var(--z-max);padding:var(--space-8)}.confirm-dialog{background:var(--color-bg-secondary);border-radius:var(--radius-2xl);width:calc(100% - var(--space-16));max-width:340px;overflow:hidden;animation:confirmDialogSlideUp var(--transition-medium) var(--ease-out);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-2xl)}@keyframes confirmDialogSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-dialog-header{padding:var(--space-8) var(--space-8) var(--space-4);text-align:center}.confirm-dialog-header h3{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text-primary)}.confirm-dialog-body{padding:0 var(--space-8) var(--space-8);text-align:center}.confirm-dialog-body p{color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-normal);margin-bottom:var(--space-4)}.confirm-dialog-body strong{color:var(--color-text-primary);font-weight:600}.confirm-version-change{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin:var(--space-6) 0;padding:var(--space-5);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:var(--text-sm)}.version-current{color:var(--color-orange)}.version-arrow{color:var(--color-text-tertiary)}.version-target{color:var(--color-success)}.confirm-warning{color:var(--color-orange)!important;font-size:12px!important}.confirm-dialog-actions{display:flex;border-top:1px solid var(--color-bg-elevated)}.confirm-dialog-actions button{flex:1;padding:var(--space-7);border:none;background:transparent;font-size:var(--text-2xl);font-weight:var(--font-normal);cursor:pointer;transition:background var(--transition-fast)}.confirm-dialog-actions button:active{background:var(--color-border)}.confirm-cancel{color:var(--color-accent);border-right:1px solid var(--color-bg-elevated)}.confirm-proceed{color:var(--color-orange);font-weight:600!important}.confirm-proceed.confirm-danger{color:var(--color-danger)}.container-row-clickable{cursor:pointer;transition:background .2s}.container-row-clickable:hover{background:var(--color-bg-hover-faint)}.container-detail-modal{max-width:700px;max-height:100%}.container-detail-title{display:flex;align-items:center;gap:var(--space-6)}.container-detail-title h2{margin:0}.detail-section{margin-bottom:var(--space-12);padding-bottom:var(--space-12);border-bottom:1px solid var(--color-separator)}.detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-secondary);letter-spacing:.3px;margin:0 0 var(--space-6) 0}.detail-grid{display:flex;flex-direction:column;gap:var(--space-6)}.detail-item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-8)}.detail-label{font-size:var(--text-lg);color:var(--color-text-secondary);flex-shrink:0;min-width:140px}.detail-value{font-size:var(--text-base);color:var(--color-text-primary);text-align:right;word-break:break-word}.detail-value.mono{font-family:var(--font-mono);font-size:var(--text-base)}.modal-overlay .status-badge{padding:var(--space-2) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap}.modal-overlay .status-badge.update{background:var(--color-badge-update-dim);color:var(--color-badge-update)}.modal-overlay .status-badge.blocked{background:var(--color-badge-blocked-dim);color:var(--color-badge-blocked)}.modal-overlay .status-badge.current{background:var(--color-badge-current-dim);color:var(--color-badge-current)}.modal-overlay .status-badge.pinnable{background:var(--color-badge-pinnable-dim);color:var(--color-badge-pinnable)}.modal-overlay .status-badge.local{background:var(--color-badge-local-dim);color:var(--color-badge-local)}.modal-overlay .status-badge.ignored{background:var(--color-badge-ignored-dim);color:var(--color-badge-ignored)}.change-badge{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-2xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.4px;align-self:flex-start}.change-badge.major{background:var(--color-badge-major-dim);color:var(--color-badge-major)}.change-badge.minor{background:var(--color-badge-minor-dim);color:var(--color-badge-minor)}.change-badge.patch,.change-badge.rebuild{background:var(--color-badge-patch-dim);color:var(--color-badge-patch)}.change-badge.pin{background:var(--color-badge-pin-dim);color:var(--color-badge-pin)}.dependencies-list{display:flex;flex-wrap:wrap;gap:var(--space-4)}.dependency-tag{background:var(--color-bg-tertiary);color:var(--color-text-primary);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:var(--font-mono)}.labels-list{display:flex;flex-direction:column;gap:var(--space-4)}.label-item{background:var(--color-bg-tertiary);padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);display:flex;justify-content:space-between;align-items:center;gap:var(--space-6)}.label-key{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-secondary);font-family:var(--font-mono)}.label-value{font-size:var(--text-base);color:var(--color-text-primary);font-family:var(--font-mono);word-break:break-all}.script-section{background:var(--color-bg-tertiary);padding:var(--space-8);border-radius:var(--radius-xl);border-bottom:none!important}.current-assignment{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-6);background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-8)}.assignment-info-compact{display:flex;align-items:center;gap:var(--space-5);color:var(--color-text-primary);font-size:var(--text-lg)}.assignment-info-compact i{color:var(--color-success);font-size:var(--text-xl)}.assignment-info-compact .mono{font-family:var(--font-mono);color:var(--color-text-secondary)}.no-assignment{color:var(--color-text-tertiary);font-size:var(--text-lg);font-style:italic;margin:var(--space-6) 0}.script-selector{display:flex;flex-direction:column;gap:var(--space-6)}@media(max-width:640px){.modal-overlay{padding:12px;padding-top:calc(12px + var(--safe-area-inset-top));padding-bottom:calc(80px + var(--safe-area-inset-bottom));padding-left:calc(12px + var(--safe-area-inset-left));padding-right:calc(12px + var(--safe-area-inset-right))}.modal{width:100%;max-width:none;margin:0;border-radius:14px}.container-detail-modal{max-width:none}.modal-header{padding:14px 16px;min-height:auto}.modal-header h2{font-size:18px;line-height:1.3;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.modal-header .close-btn{width:32px;height:32px;font-size:20px;flex-shrink:0}.modal-body{padding:0 16px 16px}.modal .detail-item{flex-direction:column;align-items:flex-start;gap:6px}.modal .detail-label{font-size:13px;min-width:auto;font-weight:500;color:var(--color-text-secondary)}.modal .detail-value{font-size:14px;text-align:left;word-break:break-all;overflow-wrap:break-word;width:100%}.modal .detail-value.mono{font-size:12px;line-height:1.5}.modal .detail-section{margin-bottom:20px;padding-bottom:20px}.modal .section-title{font-size:13px;margin-bottom:10px}.modal .detail-grid{gap:10px}.modal .labels-list{gap:8px}.modal .label-item{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px}.modal .label-key{font-size:12px;word-break:break-all}.modal .label-value{font-size:13px;word-break:break-all;overflow-wrap:break-word;width:100%;padding-left:0;border-left:none;margin-left:0;padding-top:4px;border-top:1px solid var(--color-border-separator)}.dependencies-list{gap:6px}.dependency-tag{font-size:12px;padding:4px 8px}.modal-overlay .status-badge,.modal-overlay .change-badge{font-size:11px;padding:3px 8px}.modal-footer{padding:12px 16px}.modal-footer button{font-size:15px;padding:10px 18px}.container-detail-title{flex-wrap:wrap;gap:8px}.container-detail-title h2{flex:1 1 100%;min-width:0}}@media(max-width:400px){.modal{width:calc(100% - 16px);margin:8px;border-radius:12px}.modal-header h2{font-size:16px}.detail-value.mono{font-size:11px}.section-title{font-size:12px}.label-key{font-size:11px}.label-value{font-size:12px}}.settings-page{display:flex;flex-direction:column;height:100%;background:var(--color-bg-primary);animation:page-fade-in var(--duration-normal) var(--ease-out)}.settings-page header{flex-shrink:0;background:var(--color-bg-primary);padding:var(--space-8) var(--space-8) var(--space-6);padding-left:calc(var(--space-8) + var(--safe-area-inset-left));padding-right:calc(var(--space-8) + var(--safe-area-inset-right));border-bottom:1px solid var(--color-separator)}.settings-page header h1{font-size:var(--text-4xl);font-weight:var(--font-semibold);margin:0;color:var(--color-text-primary);letter-spacing:-.03em}.settings-content{flex:1;overflow-y:auto;padding:var(--space-8);padding-left:calc(var(--space-8) + var(--safe-area-inset-left));padding-right:calc(var(--space-8) + var(--safe-area-inset-right));padding-bottom:calc(var(--space-8) + var(--safe-area-inset-bottom) + 70px)}.settings-section{margin-bottom:var(--space-14)}.settings-section .section-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-secondary);letter-spacing:.3px;margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-4)}.settings-section .section-title i{font-size:var(--text-lg)}.settings-card{background:var(--color-bg-secondary);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm),inset 0 1px #ffffff08;border:1px solid var(--color-border-subtle)}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-7) var(--space-8);border-bottom:1px solid var(--color-separator)}.setting-row:last-child{border-bottom:none}.setting-label{font-size:var(--text-md);color:var(--color-text-primary)}.setting-value{font-size:var(--text-md);color:var(--color-text-secondary)}.setting-value.monospace{font-family:var(--font-mono);font-size:var(--text-sm)}.setting-info{padding:var(--space-6) var(--space-8);background:var(--color-accent-faint);color:var(--color-accent);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-4)}.settings-btn{width:100%;display:flex;align-items:center;gap:var(--space-6);padding:var(--space-7) var(--space-8);background:transparent;border:none;border-bottom:1px solid var(--color-separator);color:var(--color-text-primary);text-align:left;cursor:pointer;transition:background-color var(--transition-fast)}.settings-btn:last-child{border-bottom:none}.settings-btn:hover{background:var(--color-bg-hover-faint)}.settings-btn:disabled{opacity:.5;cursor:not-allowed}.settings-btn i{font-size:var(--text-2xl);color:var(--color-accent);width:var(--size-icon-lg);text-align:center}.settings-btn .btn-title{font-size:var(--text-md);font-weight:var(--font-medium);margin-bottom:var(--space-1)}.settings-btn .btn-description{font-size:var(--text-sm);color:var(--color-text-secondary)}.settings-btn.cache-btn i{color:var(--color-warning)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--color-separator);padding:0}.stat-item{padding:var(--space-7) var(--space-6);background:var(--color-bg-secondary);text-align:center}.stat-item .stat-value{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-accent);margin-bottom:var(--space-2)}.stat-item .stat-label{font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.settings-footer{margin-top:var(--space-16);padding:var(--space-16) 0;border-top:1px solid var(--color-separator)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:var(--space-12);background:var(--color-bg-secondary);border-radius:var(--radius-xl)}.footer-logo{width:200px;height:auto;opacity:.8}.footer-text{margin:0;font-size:var(--text-base);color:var(--color-text-secondary);font-weight:var(--font-medium)}@media(max-width:640px){.settings-page header h1{font-size:var(--text-3xl)}}@media(min-width:1200px){.settings-page header{padding:var(--space-10) var(--space-16)}.settings-content{padding:var(--space-8) var(--space-20);padding-bottom:calc(var(--space-8) + var(--safe-area-inset-bottom) + 70px)}}.update-progress-overlay{position:fixed;inset:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:200;animation:fadeInOverlay .3s ease-out}.update-progress-modal{background:var(--color-bg-secondary);border-radius:var(--radius-2xl);padding:24px;min-width:320px;max-width:90%;box-shadow:var(--shadow-2xl),0 0 0 1px var(--color-border-subtle);border:1px solid var(--color-accent-border)}.update-progress-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.update-progress-header h3{font-size:20px;font-weight:600;margin:0}.update-progress-content{display:flex;flex-direction:column;gap:12px}.update-progress-container{font-size:17px;color:var(--color-text-primary)}.update-progress-status{font-size:15px;color:var(--color-text-secondary)}.status-starting{color:var(--color-orange)}.status-triggered{color:var(--color-success)}.status-failed{color:var(--color-danger)}.update-progress-operation{font-size:13px;color:var(--color-text-secondary)}.update-progress-operation code{font-family:var(--font-mono);background:var(--color-bg-tertiary);padding:2px 6px;border-radius:4px}.update-progress-error{font-size:14px;color:var(--color-danger);background:var(--color-danger-dim);padding:8px 12px;border-radius:8px}.update-progress-bar{position:relative;width:100%;height:20px;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-inset)}.update-progress-bar-fill{height:100%;background:var(--color-accent);border-radius:var(--radius-lg);transition:width .3s var(--ease-out)}.update-progress-bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:600;color:var(--color-text-primary);text-shadow:0 1px 2px var(--color-shadow-dark)}.update-progress-stage{font-size:13px;color:var(--color-text-primary);padding:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-validating{color:var(--color-orange)}.stage-backup,.stage-updating_compose{color:var(--color-cyan)}.stage-pulling_image{color:var(--color-accent)}.stage-recreating{color:var(--color-orange)}.stage-health_check{color:var(--color-success)}.stage-rolling_back{color:var(--color-danger)}.stage-complete{color:var(--color-success)}.stage-failed{color:var(--color-danger)}.update-progress-modal.tui-style{width:calc(100% - 32px);max-width:400px;max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);overflow-y:auto;padding:12px;display:flex;flex-direction:column}.update-overall-stats{display:flex;flex-direction:column;gap:2px;padding:10px;background:var(--color-bg-tertiary);border-radius:8px;margin-bottom:10px;font-size:13px;color:var(--color-accent)}.update-container-list{background:var(--color-bg-tertiary);border-radius:8px;padding:6px;margin-bottom:10px;max-height:120px;overflow-y:auto}.update-container-item{padding:4px 6px;font-family:var(--font-mono);font-size:12px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px}.update-container-item.status-pending{color:var(--color-text-secondary)}.update-container-item.status-in_progress{color:var(--color-accent)}.update-container-item.status-success{color:var(--color-success)}.update-container-item.status-failed{color:var(--color-danger)}.status-icon{font-size:12px;width:14px;flex-shrink:0}.container-index{width:20px;flex-shrink:0}.container-name{font-weight:600}.container-message{color:var(--color-text-secondary);font-weight:400}.container-error{width:100%;margin-left:46px;color:var(--color-danger);font-size:12px}.current-operation-progress,.update-activity-log{background:var(--color-bg-tertiary);border-radius:8px;padding:10px;margin-bottom:10px}.log-header{font-weight:600;color:var(--color-accent);margin-bottom:6px;font-size:12px}.log-entries{font-family:var(--font-mono);font-size:11px;max-height:80px;overflow-y:auto}.log-entry{padding:2px 0;color:var(--color-text-secondary)}.log-time{color:var(--color-text-tertiary);margin-right:8px}.log-message,.log-entry.log-info .log-message{color:var(--color-text-secondary)}.log-entry.log-success .log-message{color:var(--color-success)}.log-entry.log-error .log-message{color:var(--color-danger)}.update-completion{text-align:center;padding:12px}.completion-success{color:var(--color-success);font-weight:600;font-size:16px;margin-bottom:12px}.completion-error{color:var(--color-danger);font-weight:600;font-size:16px;margin-bottom:12px}.update-stage-display{background:var(--color-bg-tertiary);border-radius:8px;padding:16px;margin-bottom:10px;display:flex;flex-direction:column;align-items:center;gap:10px}.update-stage-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;position:relative}.update-stage-icon.in-progress{color:var(--color-accent)}.update-stage-icon.complete{color:var(--color-success);background:var(--color-success-dim)}.update-stage-icon.complete-with-errors{color:var(--color-warning);background:var(--color-warning-dim)}.update-stage-message{font-size:14px;font-weight:500;color:var(--color-text-primary);text-align:center}.update-stats-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px;grid-auto-rows:min-content}.progress-page .stat-card{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);min-height:fit-content;max-height:80px;border:1px solid var(--color-border-subtle);transition:all var(--transition-fast)}.progress-page .stat-card.success{background:var(--color-success-faint);border-color:#22c55e33}.progress-page .stat-card.error{background:var(--color-danger-faint);border-color:#ef444433}.progress-page .stat-card .stat-label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-medium)}.progress-page .stat-card .stat-value{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.progress-page .stat-card.success .stat-value{color:var(--color-success);text-shadow:0 0 8px rgba(34,197,94,.3)}.progress-page .stat-card.error .stat-value{color:var(--color-danger);text-shadow:0 0 8px rgba(239,68,68,.3)}.update-footer{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-separator)}.update-close-btn:disabled{opacity:.5;cursor:not-allowed}.restart-progress-view{display:flex;flex-direction:column;gap:16px;padding:8px 0}.restart-container-info{background:var(--color-bg-tertiary);border-radius:8px;padding:12px;margin-bottom:12px;display:flex;flex-direction:column;gap:8px}.container-name-display{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--color-text-primary)}.container-name-display i{color:var(--color-accent);font-size:16px}.restart-stats{display:flex;gap:16px;font-size:12px;color:var(--color-text-secondary)}.restart-stage-display{background:var(--color-bg-tertiary);border-radius:8px;padding:20px;margin-bottom:12px;display:flex;flex-direction:column;align-items:center;gap:12px}.restart-stage-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;position:relative}.restart-stage-icon.in-progress{color:var(--color-accent)}.restart-stage-icon.complete{color:var(--color-success);background:var(--color-success-dim)}.restart-stage-icon.failed{color:var(--color-danger);background:var(--color-danger-dim)}.stage-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}.restart-stage-message{font-size:14px;font-weight:500;color:var(--color-text-primary);text-align:center}.restart-completion{background:var(--color-bg-tertiary);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:8px}.completion-success,.completion-warning,.completion-error{padding:12px;border-radius:6px;font-weight:600;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.completion-success{background:var(--color-success-dim);color:var(--color-success)}.completion-warning{background:var(--color-warning-dim);color:var(--color-warning)}.completion-error{background:var(--color-danger-dim);color:var(--color-danger)}.dependents-summary{padding:8px 12px;border-radius:6px;font-size:13px;display:flex;align-items:center;gap:8px}.dependents-summary.success{background:var(--color-success-faint);color:var(--color-success)}.dependents-summary.warning{background:var(--color-warning-faint);color:var(--color-warning)}@media(max-width:480px){.update-progress-modal{padding:16px}.update-stats-cards{grid-template-columns:repeat(2,1fr)}}:root{color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:var(--font-medium);color:var(--color-accent);text-decoration:inherit;transition:opacity var(--transition-fast)}a:hover{opacity:.8}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0;margin:0}button:disabled{cursor:not-allowed}:focus-visible{outline:none;box-shadow:var(--shadow-focus)}:focus:not(:focus-visible){outline:none;box-shadow:none}.toast-container{position:fixed;top:calc(var(--space-6) + var(--safe-area-inset-top, 0px));left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);width:calc(100% - var(--space-8) * 2);max-width:380px;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--color-bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-floating),0 0 0 1px var(--color-border-subtle);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border-subtle);pointer-events:auto;animation:toast-enter var(--duration-slow) var(--ease-spring)}.toast.dismissing{animation:toast-exit var(--duration-medium) var(--ease-out) forwards}@keyframes toast-enter{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}.toast-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-size:var(--text-lg)}.toast-success .toast-icon{background:var(--color-success-dim);color:var(--color-success)}.toast-error .toast-icon{background:var(--color-danger-dim);color:var(--color-danger)}.toast-warning .toast-icon{background:var(--color-warning-dim);color:var(--color-warning)}.toast-info .toast-icon{background:var(--color-accent-dim);color:var(--color-accent)}.toast-content{flex:1;min-width:0}.toast-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.toast-message{font-size:var(--text-base);color:var(--color-text-primary);line-height:var(--leading-normal)}.toast-action{flex-shrink:0;padding:var(--space-2) var(--space-4);background:var(--color-accent-dim);border:none;border-radius:var(--radius-md);color:var(--color-accent);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:background var(--transition-fast)}.toast-action:hover{background:#64d2ff4d}.toast-action:active{transform:scale(.96)}.toast-dismiss{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-full);color:var(--color-text-tertiary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);margin-left:var(--space-1)}.toast-dismiss:hover{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.toast-dismiss:active{transform:scale(.9)}.toast-success{border-left:3px solid var(--color-success)}.toast-error{border-left:3px solid var(--color-danger)}.toast-warning{border-left:3px solid var(--color-warning)}.toast-info{border-left:3px solid var(--color-accent)}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-elevated) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{border-radius:var(--radius-sm)}.skeleton-circular{border-radius:var(--radius-full)}.skeleton-rounded{border-radius:var(--radius-xl)}.skeleton-rectangular{border-radius:var(--radius-none)}.skeleton-container-row{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--color-separator)}.skeleton-container-row:last-child{border-bottom:none}.skeleton-container-info{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-container-list{background:var(--color-bg-secondary);border-radius:var(--radius-2xl);overflow:hidden;border:1px solid var(--color-border-subtle)}.skeleton-stack-section{margin-top:var(--space-8)}.skeleton-stack-header{padding:0 var(--space-2);margin-bottom:var(--space-4)}.skeleton-stats-bar{display:flex;gap:var(--space-4)}.skeleton-stat{flex:1;background:var(--color-bg-secondary);padding:var(--space-5) var(--space-6);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.skeleton-dashboard{padding:0 var(--space-8)}.skeleton-search{margin:var(--space-6) 0}.skeleton-detail-section{margin-bottom:var(--space-10)}.skeleton-section-title{margin-bottom:var(--space-4);margin-left:var(--space-2)}.skeleton-detail-card{background:var(--color-bg-secondary);border-radius:var(--radius-2xl);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6)}.skeleton-detail-row{display:flex;justify-content:space-between;align-items:center}.skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite;background:var(--color-bg-tertiary)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton-operation-card{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-8);background:var(--color-bg-secondary);border-radius:var(--radius-2xl);margin-bottom:var(--space-6)}.skeleton-operation-info{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-history{padding:0}.skeleton-fade-out{animation:skeleton-fade-out var(--duration-medium) var(--ease-out) forwards}@keyframes skeleton-fade-out{0%{opacity:1}to{opacity:0}}.regex-section,.tags-section{margin-bottom:var(--space-12)}.tags-header-actions{display:flex;align-items:center;gap:12px}.match-counter{font-size:var(--text-sm);color:var(--color-accent);font-weight:var(--font-medium)}.copy-for-ai-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-bg-tertiary);border:1px solid var(--color-separator);border-radius:8px;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.copy-for-ai-btn:hover{background:var(--color-bg-quaternary);color:var(--color-text-primary)}.copy-for-ai-btn i{font-size:12px}.copy-for-ai-btn i.fa-check{color:var(--color-success)}.input-group{margin-bottom:var(--space-8)}.input-wrapper{position:relative;display:flex;align-items:center}.clear-input-button{position:absolute;right:var(--space-4);display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.clear-input-button:hover{background:var(--color-danger-dim);color:var(--color-danger)}.clear-input-button:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.input-wrapper .regex-input{padding-right:var(--space-14)}.regex-input{width:100%;padding:var(--space-4) var(--space-6);background:var(--color-bg-secondary);border:2px solid var(--color-separator);border-radius:var(--radius-xl);color:var(--color-text-primary);font-size:var(--text-base);font-family:var(--font-mono);outline:none;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.regex-input:focus-visible{border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.regex-input.invalid{border-color:var(--color-danger)}.error-message{display:inline-flex;align-items:center;gap:var(--space-3);margin-top:var(--space-5);padding:var(--space-4) var(--space-6);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-danger);background:var(--color-danger-dim);border-radius:var(--radius-lg)}.success-message{display:inline-flex;align-items:center;gap:var(--space-3);margin-top:var(--space-5);padding:var(--space-4) var(--space-6);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-success);background:var(--color-success-dim);border-radius:var(--radius-lg)}.presets-section{margin-top:var(--space-10)}.presets-section h3{margin-bottom:var(--space-6)}.presets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4)}.preset-button{padding:var(--space-3) var(--space-5);background:var(--color-bg-secondary);border:1px solid var(--color-separator);border-radius:var(--radius-lg);color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-normal);text-align:center}.preset-button:hover{background:var(--color-bg-tertiary);filter:brightness(1.1)}.preset-button:active{transform:scale(.96)}.preset-button:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.tags-list{background:var(--color-bg-secondary);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xs);border:var(--border-subtle)}.tag-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-separator);transition:background-color var(--transition-normal);min-height:44px}.tag-item:last-child{border-bottom:none}.tag-item.matches{background:var(--color-accent-dim)}.tag-item.no-match{background:var(--color-bg-secondary);opacity:.5}.tag-item.current{border-left:3px solid var(--color-accent)}.tag-name{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary)}.tag-badge{padding:var(--space-2) var(--space-5);border-radius:var(--radius-2xl);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-left:var(--space-4)}.current-badge{background:var(--color-accent-dim);color:var(--color-accent)}.latest-badge{background:var(--color-warning-dim);color:var(--color-warning)}.save-error{padding:var(--space-6) var(--space-8);background:var(--color-danger-dim);border-radius:var(--radius-2xl);margin-top:var(--space-8)}.save-error p{color:var(--color-danger);font-size:var(--text-md)}@media(max-width:480px){.regex-section,.tags-section{margin-bottom:var(--space-8)}.regex-input{padding:var(--space-4) var(--space-6);font-size:var(--text-base)}.presets-grid{grid-template-columns:1fr;gap:var(--space-3)}.preset-button{padding:var(--space-4) var(--space-6);font-size:var(--text-sm)}.tag-item{padding:var(--space-4) var(--space-6)}.tag-name{font-size:var(--text-sm);word-break:break-all}.tag-badge{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);margin-left:var(--space-2)}.error-message,.success-message{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.save-error{padding:var(--space-4) var(--space-6)}.save-error p{font-size:var(--text-sm)}}.container-page{display:flex;flex-direction:column;width:100%;height:100%;min-height:100vh;min-height:100dvh;overflow:hidden;background:var(--color-bg-primary);animation:page-fade-in var(--duration-normal) var(--ease-out)}.container-page header{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-8);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-separator);flex-shrink:0}.container-page .back-btn{background:none;border:none;color:var(--color-text-secondary);font-size:var(--text-lg);padding:var(--space-4);cursor:pointer;border-radius:var(--radius-lg);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.container-page .back-btn:hover{background:var(--color-bg-tertiary);color:var(--color-accent)}.container-page .header-info{flex:1;min-width:0}.container-page .header-info h1{font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container-page .header-badges{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:4px}.container-page .status-badge{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--badge-font-size-lg);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-4);border-radius:var(--badge-radius);text-transform:uppercase;letter-spacing:var(--badge-tracking);line-height:var(--badge-line-height)}.container-page .status-badge.running{background:var(--color-success-dim);color:var(--color-success-bright)}.container-page .status-badge.exited,.container-page .status-badge.dead{background:var(--color-slate-dim);color:var(--color-text-tertiary)}.container-page .status-badge.paused{background:var(--color-warning-dim);color:var(--color-warning-bright)}.container-page .status-badge.restarting{background:var(--color-purple-dim);color:var(--color-purple)}.container-page .docksmith-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);border-radius:var(--badge-radius);font-size:var(--badge-font-size-lg);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--badge-tracking);line-height:var(--badge-line-height)}.container-page .docksmith-badge.update{background:var(--color-badge-update-dim);color:var(--color-badge-update)}.container-page .docksmith-badge.blocked{background:var(--color-badge-blocked-dim);color:var(--color-badge-blocked)}.container-page .docksmith-badge.current{background:var(--color-badge-current-dim);color:var(--color-badge-current)}.container-page .docksmith-badge.pinnable{background:var(--color-badge-pinnable-dim);color:var(--color-badge-pinnable)}.container-page .docksmith-badge.local{background:var(--color-badge-local-dim);color:var(--color-badge-local)}.container-page .docksmith-badge.ignored{background:var(--color-badge-ignored-dim);color:var(--color-badge-ignored)}.container-page .docksmith-badge.metadata{background:var(--color-slate-dim);color:var(--color-slate)}.container-page .docksmith-badge.mismatch{background:var(--color-warning-dim);color:var(--color-warning)}.container-page .docksmith-badge.unknown{background:var(--color-badge-ignored-dim);color:var(--color-badge-ignored)}.container-page .change-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-4);border-radius:var(--badge-radius);font-size:var(--badge-font-size-lg);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--badge-tracking);line-height:var(--badge-line-height)}.container-page .change-badge.major{background:var(--color-badge-major-dim);color:var(--color-badge-major)}.container-page .change-badge.minor{background:var(--color-badge-minor-dim);color:var(--color-badge-minor)}.container-page .change-badge.patch{background:var(--color-badge-patch-dim);color:var(--color-badge-patch)}.container-page .header-actions{display:flex;gap:var(--space-3)}.container-page .action-btn{background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);width:36px;height:36px;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;font-size:var(--text-base)}.container-page .action-btn:hover{background:var(--color-bg-elevated);border-color:var(--color-border);color:var(--color-text-primary)}.container-page .action-btn:disabled{opacity:.5;cursor:not-allowed}.container-page .action-btn.danger{color:var(--color-danger)}.container-page .action-btn.danger:hover{background:#ef444426;border-color:#ef44444d}.container-page .confirm-remove{display:flex;gap:var(--space-2)}.container-page .tab-nav{display:flex;gap:var(--space-1);padding:0 16px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-separator);flex-shrink:0}.container-page .tab-nav button{background:none;border:none;color:var(--color-text-quaternary);font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-6) var(--space-8);cursor:pointer;display:flex;align-items:center;gap:var(--space-3);transition:color var(--transition-fast);position:relative;border-bottom:2px solid transparent;margin-bottom:-1px}.container-page .tab-nav button:hover{color:var(--color-text-secondary)}.container-page .tab-nav button.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.container-page .tab-nav button i{font-size:var(--text-base)}.container-page .tab-indicator{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--color-warning)}.container-page .tab-content{flex:1;overflow:hidden;display:flex;flex-direction:column;background:var(--color-bg-primary)}.container-page .main-loading{flex:1;display:flex;align-items:center;justify-content:center}.container-page .loading-spinner i{font-size:var(--text-6xl);color:var(--color-accent)}.container-page .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-16);text-align:center}.container-page .error-state i{font-size:var(--text-8xl);color:var(--color-warning)}.container-page .error-state button{padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);background:var(--color-accent);color:#fff;border:none;cursor:pointer}.container-page .overview-tab{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-8);padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--color-bg-primary)}.container-page .version-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);background:var(--color-bg-secondary);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-8)}.container-page .version-info{display:flex;align-items:center;gap:var(--space-4);font-family:var(--font-mono);font-size:var(--text-base);color:var(--color-text-secondary)}.container-page .version-info i{font-size:var(--text-xs);color:var(--color-text-tertiary)}.container-page .version-info .version-latest{color:var(--color-cyan);font-weight:var(--font-medium)}.container-page .update-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);border:none;font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.container-page .update-btn.patch{background:var(--color-update-patch);color:#fff}.container-page .update-btn.minor{background:var(--color-update-minor);color:#fff}.container-page .update-btn.major{background:var(--color-update-major);color:#fff}.container-page .update-btn.primary{background:var(--color-accent);color:#fff}.container-page .update-btn.force{background:var(--color-warning);color:#fff}.container-page .update-btn.pin{background:var(--color-accent);color:#fff}.container-page .update-btn:hover{filter:brightness(1.1)}.container-page .env-info-card{background:#64d2ff14;border:1px solid rgba(100,210,255,.25);padding:var(--space-6) var(--space-8);border-radius:var(--radius-xl);margin-bottom:var(--space-8);display:flex;align-items:center;gap:var(--space-6)}.container-page .env-info-card>i{font-size:var(--text-4xl);color:var(--color-accent);flex-shrink:0}.container-page .env-info-card strong{display:block;color:var(--color-accent);font-size:var(--text-base);margin-bottom:2px}.container-page .env-info-card p{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary)}.container-page .env-info-card code{background:#ffffff14;padding:1px 5px;border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font-mono)}.container-page .sync-warning{background:#ff9f0a1a;border:1px solid rgba(255,159,10,.3);padding:var(--space-6) var(--space-8);border-radius:var(--radius-xl);margin-bottom:var(--space-8);display:flex;align-items:center;gap:var(--space-6)}.container-page .sync-warning>i{font-size:var(--text-4xl);color:var(--color-warning);flex-shrink:0}.container-page .sync-warning-text{flex:1}.container-page .sync-warning-text strong{display:block;color:var(--color-warning);font-size:var(--text-base);margin-bottom:2px}.container-page .sync-warning-text p{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary)}.container-page .sync-btn{padding:var(--space-4) var(--space-8);background:var(--color-warning);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer}.container-page .mismatch-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);background:var(--color-bg-secondary);border:1px solid rgba(255,159,10,.3);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-8)}.container-page .mismatch-info{display:flex;align-items:center;gap:var(--space-6);flex:1;min-width:0}.container-page .mismatch-info>i{font-size:var(--text-2xl);color:var(--color-warning);flex-shrink:0}.container-page .mismatch-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.container-page .mismatch-text strong{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.container-page .mismatch-text span{font-size:var(--text-sm);color:var(--color-text-secondary)}.container-page .mismatch-details{display:flex;flex-direction:column;gap:var(--space-2);margin-top:4px}.container-page .mismatch-row{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm)}.container-page .mismatch-label{color:var(--color-text-tertiary);min-width:65px}.container-page .mismatch-row code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-tertiary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);word-break:break-all}.container-page .fix-mismatch-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-8);background:var(--color-warning);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.container-page .fix-mismatch-btn:hover{filter:brightness(1.1)}.container-page .info-section{margin-bottom:var(--space-8)}.container-page .info-section h3{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);letter-spacing:.3px;margin:0 0 8px;padding:0 4px;display:flex;align-items:center;gap:var(--space-3)}.container-page .info-grid{background:var(--color-bg-secondary);border-radius:var(--radius-xl);overflow:hidden}.container-page .info-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--color-separator);min-height:44px}.container-page .info-item:last-child{border-bottom:none}.container-page .info-label{font-size:var(--text-base);color:var(--color-text-primary);flex:0 0 auto;max-width:40%}.container-page .info-value{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:right;word-break:break-word;flex:1;min-width:0}.container-page .info-value.mono{font-family:var(--font-mono);font-size:var(--text-sm)}.container-page .info-value.status-running{color:var(--color-success)}.container-page .info-value.status-exited,.container-page .info-value.status-dead{color:var(--color-text-tertiary)}.container-page .info-value.warning{color:var(--color-warning)}.container-page .info-subsection{margin-top:8px}.container-page .info-subsection h4{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;padding:0 4px}.container-page .image-link{color:var(--color-accent);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-3)}.container-page .image-link:hover{text-decoration:underline}.container-page .image-link i{font-size:var(--text-xs);opacity:.7}.container-page .port-list{list-style:none;margin:0;padding:0;background:var(--color-bg-secondary);border-radius:var(--radius-xl);overflow:hidden}.container-page .port-list li{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-5) var(--space-8);font-size:var(--text-sm);border-bottom:1px solid var(--color-separator)}.container-page .port-list li:last-child{border-bottom:none}.container-page .port-list .port-container,.container-page .port-list .port-host{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-bg-tertiary);padding:var(--space-1) var(--space-4);border-radius:var(--radius-sm)}.container-page .port-list i{color:var(--color-text-tertiary);font-size:var(--text-xs)}.container-page .network-list{list-style:none;margin:0;padding:0;background:var(--color-bg-secondary);border-radius:var(--radius-xl);overflow:hidden}.container-page .network-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-5) var(--space-8);font-size:var(--text-sm);border-bottom:1px solid var(--color-separator)}.container-page .network-list li:last-child{border-bottom:none}.container-page .network-list .network-name{font-weight:var(--font-medium);color:var(--color-text-primary)}.container-page .network-list .network-ip{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-tertiary)}.container-page .mount-list{list-style:none;margin:0;padding:0;background:var(--color-bg-secondary);border-radius:var(--radius-xl);overflow:hidden}.container-page .mount-list li{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-5) var(--space-8);font-size:var(--text-sm);border-bottom:1px solid var(--color-separator)}.container-page .mount-list li:last-child{border-bottom:none}.container-page .mount-list .mount-type{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-tertiary);flex-shrink:0}.container-page .mount-list .mount-type.bind{background:var(--color-accent-dim);color:var(--color-accent)}.container-page .mount-list .mount-type.volume{background:var(--color-success-subtle);color:var(--color-success)}.container-page .mount-list .mount-source,.container-page .mount-list .mount-dest{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);word-break:break-all;min-width:0}.container-page .mount-list i{color:var(--color-text-tertiary);font-size:var(--text-xs);flex-shrink:0}.container-page .mount-list .mount-mode{font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);margin-left:auto;flex-shrink:0}.container-page .mount-list .mount-mode.rw{background:var(--color-success-subtle);color:var(--color-success)}.container-page .mount-list .mount-mode.ro{background:var(--color-orange-subtle);color:var(--color-warning)}.container-page .env-list{list-style:none;margin:0;padding:0;background:var(--color-bg-secondary);border-radius:var(--radius-xl);overflow:hidden}.container-page .env-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-5) var(--space-8);font-size:var(--text-sm);border-bottom:1px solid var(--color-separator)}.container-page .env-list li:last-child{border-bottom:none}.container-page .env-list .env-key{font-weight:var(--font-medium);color:var(--color-text-primary);flex-shrink:0}.container-page .env-list .env-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-tertiary);text-align:right;word-break:break-all;min-width:0}.container-page .label-list{list-style:none;margin:0;padding:0;background:var(--color-bg-secondary);border-radius:var(--radius-xl);overflow:hidden}.container-page .label-list li{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);padding:var(--space-5) var(--space-8);border-bottom:1px solid var(--color-separator)}.container-page .label-list li:last-child{border-bottom:none}.container-page .label-list li.docksmith-label{background:var(--color-purple-dim)}.container-page .label-list li.docksmith-label .label-key{color:var(--color-purple)}.container-page .label-list .label-key{font-size:var(--text-xs);color:var(--color-text-tertiary);word-break:break-all}.container-page .label-list .label-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);word-break:break-all}.container-page .config-tab{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-8);padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));background:var(--color-bg-primary)}.container-page .error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--color-danger);padding:var(--space-6) var(--space-8);border-radius:var(--radius-xl);margin-bottom:var(--space-8);display:flex;align-items:center;gap:var(--space-6)}.container-page .error-banner span{flex:1;font-size:var(--text-base)}.container-page .error-banner button{background:none;border:none;color:var(--color-danger);font-size:var(--text-xl);cursor:pointer;padding:0;line-height:1;opacity:.7}.container-page .error-banner button:hover{opacity:1}.container-page .settings-grid{display:flex;flex-direction:column;background:var(--color-bg-secondary);border-radius:var(--radius-xl);overflow:hidden}.container-page .checkbox-row{display:flex;flex-direction:row;align-items:center;gap:var(--space-2);padding:8px 12px 8px 8px;border-bottom:1px solid var(--color-separator);cursor:pointer;min-height:44px;transition:background .15s ease}.container-page .checkbox-row:last-child{border-bottom:none}.container-page .checkbox-row:hover{background:var(--color-bg-tertiary)}.container-page .checkbox-row:active{background:var(--color-bg-elevated)}.container-page .checkbox-row .row-label{flex:1;font-size:var(--text-md);color:var(--color-text-primary)}.container-page .checkbox-row input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;width:46px;height:28px;background:var(--color-bg-elevated);border-radius:14px;cursor:pointer;flex-shrink:0;transition:background .3s ease;border:none}.container-page .checkbox-row input[type=checkbox]:before{content:"";position:absolute;top:50%;left:2px;transform:translateY(-50%) translate(0);width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;transition:transform .3s ease}.container-page .checkbox-row input[type=checkbox]:checked{background:var(--color-success)}.container-page .checkbox-row input[type=checkbox]:checked:before{transform:translateY(-50%) translate(18px)}.container-page .setting-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-8);padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--color-separator);min-height:44px}.container-page .setting-item:last-child{border-bottom:none}.container-page .nav-row{cursor:pointer;transition:background .15s ease}.container-page .nav-row:hover{background:var(--color-bg-tertiary)}.container-page .nav-row:active{background:var(--color-bg-elevated)}.container-page .nav-title{flex:1;font-size:var(--text-md);color:var(--color-text-primary)}.container-page .nav-value{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--color-text-secondary)}.container-page .nav-arrow{color:var(--color-text-quaternary);font-size:var(--text-base);margin-left:2px}.container-page .segmented-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.container-page .segmented-control{display:flex;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:2px;gap:var(--space-1)}.container-page .segment{flex:1;padding:var(--space-3) var(--space-5);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;white-space:nowrap}.container-page .segment:hover:not(.active){color:var(--color-text-primary)}.container-page .segment.active{background:var(--color-bg-secondary);color:var(--color-text-primary);box-shadow:0 1px 3px #0003}.container-page .precheck-row{display:flex;align-items:center;gap:0;padding:0}.container-page .precheck-nav-area{flex:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:var(--space-6) var(--space-8);min-height:44px;cursor:pointer;transition:background .15s ease}.container-page .precheck-nav-area:hover{background:var(--color-bg-tertiary)}.container-page .precheck-nav-area:active{background:var(--color-bg-elevated)}.container-page .precheck-status{display:inline-flex;align-items:center;margin-left:8px;font-size:var(--text-sm)}.container-page .precheck-status.pass{color:var(--color-success)}.container-page .precheck-status.fail{color:var(--color-danger)}.container-page .precheck-refresh-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;border-left:1px solid var(--color-separator);color:var(--color-text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease;flex-shrink:0}.container-page .precheck-refresh-btn:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-accent)}.container-page .precheck-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.container-page .precheck-refresh-btn i.spinning{animation:spin .8s linear infinite}.container-page .compose-deps{background:transparent;opacity:.7}.container-page .help-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;color:var(--color-text-quaternary);font-size:var(--text-lg);cursor:pointer;flex-shrink:0;transition:color var(--transition-fast);padding:0}.container-page .help-btn:hover{color:var(--color-accent)}.container-page .help-tooltip{background:var(--color-bg-tertiary);border:1px solid var(--color-separator);border-radius:var(--radius-lg);padding:12px 14px;margin:-4px 0 8px}.container-page .help-tooltip strong{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:4px}.container-page .help-tooltip p{font-size:var(--text-sm);line-height:1.5;color:var(--color-text-secondary);margin:0}.container-page .row-label-area{flex:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);cursor:pointer;padding:4px}.container-page .setting-label-with-help{display:flex;align-items:center;gap:var(--space-2)}.container-page .nav-row-with-help{display:flex;align-items:center;gap:var(--space-2);padding-left:8px}.container-page .nav-row-content{flex:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:12px 16px 12px 8px;min-height:44px;cursor:pointer;transition:background .15s ease}.container-page .nav-row-content:hover{background:var(--color-bg-tertiary)}.container-page .nav-row-content:active{background:var(--color-bg-elevated)}.container-page .precheck-row-with-help{display:flex;align-items:center;gap:var(--space-2);padding-left:8px}.container-page .precheck-row-with-help .precheck-nav-area{flex:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:12px 16px 12px 8px;min-height:44px;cursor:pointer;transition:background .15s ease}.container-page .precheck-row-with-help .precheck-nav-area:hover{background:var(--color-bg-tertiary)}.container-page .precheck-row-with-help .precheck-nav-area:active{background:var(--color-bg-elevated)}.container-page .config-footer{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:10px;padding:var(--space-6) var(--space-8);padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));background:var(--color-bg-primary);border-top:1px solid var(--color-separator)}.container-page .config-footer .button{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-8);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);border:none;cursor:pointer;transition:all var(--transition-fast)}.container-page .config-footer .button:hover{transform:translateY(-1px);opacity:.9}.container-page .config-footer .button-primary{background:var(--color-accent);color:#fff}.container-page .config-footer .button-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.container-page .config-footer .button-warning{background:var(--color-warning);color:#fff}.container-page .logs-tab{display:flex;flex-direction:column;height:100%;position:relative}.container-page .logs-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-8);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-separator);flex-shrink:0}.container-page .logs-controls{display:flex;align-items:center;gap:var(--space-8)}.container-page .logs-controls label{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary)}.container-page .logs-controls select{background:var(--color-bg-tertiary);border:1px solid var(--color-separator);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.container-page .logs-controls .checkbox-label{cursor:pointer}.container-page .logs-controls .checkbox-label input{margin-right:4px}.container-page .logs-actions{display:flex;gap:var(--space-4)}.container-page .logs-actions button{background:var(--color-bg-tertiary);border:none;color:var(--color-text-secondary);width:32px;height:32px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.container-page .logs-actions button:hover{background:var(--color-bg-quaternary);color:var(--color-text-primary)}.container-page .logs-actions button:disabled{opacity:.5;cursor:not-allowed}.container-page .logs-viewer{flex:1;overflow:auto;padding:var(--space-8);padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));background:var(--color-bg-primary)}.container-page .logs-viewer pre{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5;color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-all}.container-page .logs-scroll-btn{position:absolute;bottom:80px;right:20px;width:40px;height:40px;border-radius:50%;background:var(--color-accent);color:var(--color-bg-primary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);box-shadow:0 2px 8px #0000004d;transition:all var(--transition-fast);z-index:10;opacity:0;transform:translateY(10px);pointer-events:none}.container-page .logs-scroll-btn.visible{opacity:1;transform:translateY(0);pointer-events:auto}.container-page .logs-scroll-btn:hover{background:var(--color-accent-bright);transform:scale(1.1)}.container-page .logs-scroll-btn.visible:hover{transform:translateY(0) scale(1.1)}.container-page .inspect-tab{display:flex;flex-direction:column;height:100%}.container-page .inspect-toolbar{display:flex;justify-content:flex-end;padding:var(--space-6) var(--space-8);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-separator);flex-shrink:0}.container-page .inspect-toolbar button{background:var(--color-bg-tertiary);border:none;color:var(--color-text-secondary);font-size:var(--text-sm);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;gap:var(--space-3);transition:all var(--transition-fast)}.container-page .inspect-toolbar button:hover{background:var(--color-bg-quaternary);color:var(--color-text-primary)}.container-page .inspect-viewer{flex:1;overflow:auto;padding:var(--space-8);padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));background:var(--color-bg-primary)}.container-page .inspect-viewer pre{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5;color:var(--color-text-secondary);white-space:pre-wrap}.ansi-bold{font-weight:700}.ansi-dim{opacity:.7}.ansi-italic{font-style:italic}.ansi-underline{text-decoration:underline}.ansi-blink{animation:ansi-blink 1s step-end infinite}.ansi-inverse{filter:invert(1)}.ansi-hidden{visibility:hidden}.ansi-strikethrough{text-decoration:line-through}@keyframes ansi-blink{50%{opacity:0}}.ansi-black{color:#3c3c3c}.ansi-red{color:#ff6b6b}.ansi-green{color:#6bcb77}.ansi-yellow{color:#ffd93d}.ansi-blue{color:#6c9bcf}.ansi-magenta{color:#c06c84}.ansi-cyan{color:#4ecdc4}.ansi-white{color:#d0d0d0}.ansi-bright-black{color:#6c6c6c}.ansi-bright-red{color:#ff8a8a}.ansi-bright-green{color:#8de094}.ansi-bright-yellow{color:#ffe66d}.ansi-bright-blue{color:#8db6db}.ansi-bright-magenta{color:#d4899f}.ansi-bright-cyan{color:#72e0d8}.ansi-bright-white{color:#fff}.ansi-bg-black{background-color:#3c3c3c}.ansi-bg-red{background-color:#ff6b6b}.ansi-bg-green{background-color:#6bcb77}.ansi-bg-yellow{background-color:#ffd93d;color:#1c1c1c}.ansi-bg-blue{background-color:#6c9bcf}.ansi-bg-magenta{background-color:#c06c84}.ansi-bg-cyan{background-color:#4ecdc4;color:#1c1c1c}.ansi-bg-white{background-color:#d0d0d0;color:#1c1c1c}.ansi-bg-bright-black{background-color:#6c6c6c}.ansi-bg-bright-red{background-color:#ff8a8a;color:#1c1c1c}.ansi-bg-bright-green{background-color:#8de094;color:#1c1c1c}.ansi-bg-bright-yellow{background-color:#ffe66d;color:#1c1c1c}.ansi-bg-bright-blue{background-color:#8db6db;color:#1c1c1c}.ansi-bg-bright-magenta{background-color:#d4899f;color:#1c1c1c}.ansi-bg-bright-cyan{background-color:#72e0d8;color:#1c1c1c}.ansi-bg-bright-white{background-color:#fff;color:#1c1c1c}@media(max-width:640px){.container-page header{padding:var(--space-6) var(--space-8)}.container-page .header-info h1{font-size:var(--text-lg)}.container-page .logs-toolbar{flex-direction:column;gap:var(--space-6);align-items:stretch}.container-page .logs-controls{flex-wrap:wrap}.container-page .overview-tab,.container-page .config-tab{padding:var(--space-6);padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.container-page .info-item,.container-page .checkbox-row,.container-page .setting-item{padding:10px 12px;min-height:44px}.container-page .info-label,.container-page .checkbox-row .row-label,.container-page .nav-title{font-size:var(--text-md)}.container-page .info-value,.container-page .nav-value{font-size:var(--text-sm)}.container-page .port-list li,.container-page .network-list li,.container-page .mount-list li,.container-page .env-list li,.container-page .label-list li{padding:8px 12px}.container-page .mount-list .mount-source,.container-page .mount-list .mount-dest{font-size:var(--text-xs)}}@media(min-width:1200px){.container-page header{padding:var(--space-6) var(--space-16)}.container-page .overview-tab,.container-page .config-tab{padding:var(--space-8) var(--space-20);padding-bottom:calc(var(--space-10) + env(safe-area-inset-bottom,0px))}.container-page .logs-viewer{padding:var(--space-8) var(--space-20);padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom,0px))}}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.summary-label{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-accent);letter-spacing:.3px}.clear-button{background:none;border:none;color:var(--color-accent);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:all var(--transition-fast)}.clear-button:hover{opacity:.8;background:#64d2ff1a}.selected-script-display{display:flex;align-items:center;gap:10px;background:var(--color-accent);color:var(--color-bg-primary);padding:10px 14px;border-radius:var(--radius-lg)}.selected-script-display i{font-size:16px}.script-name-display{font-family:var(--font-mono);font-size:14px;font-weight:var(--font-semibold)}.scripts-list{background:var(--color-bg-secondary);border-radius:var(--radius-2xl);overflow:hidden;border:var(--border-subtle);box-shadow:var(--shadow-xs)}.script-item{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--color-separator);cursor:pointer;transition:background-color var(--transition-medium);gap:12px;min-height:44px}.script-item:last-child{border-bottom:none}.script-item:hover:not(.disabled){background:var(--color-bg-tertiary)}.script-item:active:not(.disabled){background:var(--color-bg-elevated)}.script-item.selected{background:#64d2ff1a}.script-item.disabled{opacity:.5;cursor:not-allowed}.script-item.none-option{border-bottom:2px solid var(--color-separator)}.script-radio{display:none}.radio-icon{font-size:22px;color:var(--color-text-tertiary);flex-shrink:0;transition:color var(--transition-fast)}.script-item.selected .radio-icon{color:var(--color-accent)}.script-info{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.script-header{display:flex;align-items:center;gap:var(--space-4)}.script-name{font-size:15px;font-weight:var(--font-medium);color:var(--color-text-primary)}.script-path{font-family:var(--font-mono);font-size:12px;color:var(--color-text-secondary)}.script-badge{padding:var(--space-1) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase}.script-badge.not-executable{background:var(--color-danger-dim);color:var(--color-danger)}.info-box{display:flex;gap:var(--space-6);padding:var(--space-6);background:var(--color-bg-secondary);border-radius:var(--radius-2xl);margin-top:var(--space-8);font-size:var(--text-base);border:var(--border-subtle)}.info-box i{color:var(--color-accent);margin-top:var(--space-1);flex-shrink:0}.info-box strong{display:block;color:var(--color-text-primary);margin-bottom:var(--space-2)}.info-box p{color:var(--color-text-secondary);margin:0}@media(max-width:480px){.selection-summary{padding:10px;margin-bottom:16px}.selected-script-display{padding:8px 12px;gap:8px}.script-name-display{font-size:13px}.script-item{padding:10px 12px;gap:10px}.radio-icon{font-size:20px}.script-name{font-size:14px}.script-path{font-size:11px;word-break:break-all}}.info-section{margin-bottom:var(--space-10)}.info-card{display:flex;gap:12px;padding:12px 16px;background:var(--color-bg-secondary);border-radius:12px;border:1px solid var(--color-accent);box-shadow:var(--shadow-xs)}.info-card i{color:var(--color-accent);font-size:20px;margin-top:2px;flex-shrink:0}.info-card strong{display:block;color:var(--color-text-primary);font-size:14px;margin-bottom:4px}.info-card p{color:var(--color-text-secondary);font-size:13px;margin:0}.selection-summary{background:var(--color-accent-dim);border:1px solid var(--color-accent);border-radius:var(--radius-2xl);padding:var(--space-6);margin-bottom:var(--space-10);box-shadow:var(--shadow-xs)}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.summary-count{font-size:14px;font-weight:var(--font-semibold);color:var(--color-accent)}.clear-all-button{background:none;border:none;color:var(--color-accent);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:all var(--transition-fast)}.clear-all-button:hover{opacity:.8;background:#64d2ff1a}.selected-tags{display:flex;flex-wrap:wrap;gap:var(--space-4)}.selected-tag{display:inline-flex;align-items:center;gap:var(--space-3);background:var(--color-accent);color:var(--color-bg-primary);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-medium)}.selected-tag button{background:none;border:none;color:var(--color-bg-primary);cursor:pointer;padding:0;display:flex;align-items:center;font-size:var(--text-xs);transition:opacity var(--transition-fast)}.selected-tag button:hover{opacity:.7}.containers-list{background:var(--color-bg-secondary);border-radius:var(--radius-2xl);overflow:hidden;border:var(--border-subtle);box-shadow:var(--shadow-xs)}.restart-dependencies-page .container-item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:12px 16px;border-bottom:var(--border-separator);cursor:pointer;transition:background-color var(--transition-medium);gap:12px;min-height:44px}.restart-dependencies-page .container-item:last-child{border-bottom:none}.restart-dependencies-page .container-item:hover{background:var(--color-bg-tertiary)}.restart-dependencies-page .container-item:active{background:var(--color-bg-elevated)}.restart-dependencies-page .container-item.selected{background:#64d2ff1a}.restart-dependencies-page .container-checkbox{display:none}.restart-dependencies-page .checkbox-icon{font-size:22px;color:var(--color-text-tertiary);flex-shrink:0;transition:color var(--transition-fast)}.restart-dependencies-page .container-item.selected .checkbox-icon{color:var(--color-accent)}.restart-dependencies-page .container-info{flex:1;display:flex;flex-direction:column;gap:var(--space-2);text-align:left}.restart-dependencies-page .container-header{display:flex;align-items:center;gap:var(--space-4)}.restart-dependencies-page .container-name{font-size:15px;font-weight:var(--font-medium);color:var(--color-text-primary)}.restart-dependencies-page .container-stack{padding:var(--space-1) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.restart-dependencies-page .container-image{font-family:var(--font-mono);font-size:12px;color:var(--color-text-secondary)}.restart-dependencies-page .loading-state,.restart-dependencies-page .error-state,.restart-dependencies-page .empty-state{background:var(--color-bg-secondary);border-radius:var(--radius-2xl);min-height:200px;border:var(--border-subtle)}.restart-dependencies-page .loading-state p,.restart-dependencies-page .empty-state p{margin-top:var(--space-8)}.restart-dependencies-page .error-state i,.restart-dependencies-page .empty-state i{margin-bottom:var(--space-8)}.activity-log{background:var(--color-bg-secondary);border-radius:var(--radius-xl);padding:var(--space-6);max-height:200px;overflow-y:auto;font-family:var(--font-mono);font-size:var(--text-sm);box-shadow:0 2px 8px var(--color-shadow),0 0 1px var(--color-border-glow);border:1px solid var(--color-border-glow)}.log-entry{padding:var(--space-2) 0;display:flex;gap:var(--space-4);line-height:var(--leading-normal)}.log-time{color:var(--color-text-tertiary);white-space:nowrap}.log-icon{color:var(--color-text-tertiary);width:var(--size-icon-sm);flex-shrink:0;text-align:center}.log-message{color:var(--color-text-primary);word-break:break-word}.log-entry.log-success .log-message,.log-entry.log-success .log-icon{color:var(--color-success)}.log-entry.log-error .log-message,.log-entry.log-error .log-icon{color:var(--color-danger)}.log-entry.log-stage .log-message,.log-entry.log-stage .log-icon{color:var(--color-accent)}.log-entry.log-info .log-message{color:var(--color-text-primary)}.log-entry.log-warning .log-message,.log-entry.log-warning .log-icon{color:var(--color-warning)}.error-banner{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-8);background:var(--color-danger-dim);border:1px solid var(--color-danger);border-radius:var(--radius-2xl);margin-bottom:var(--space-10);color:var(--color-danger);font-size:var(--text-md)}.error-banner i{font-size:var(--text-3xl);flex-shrink:0}.info-section{margin-bottom:var(--space-12)}.info-section h2{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-secondary);letter-spacing:.3px;margin-bottom:var(--space-6);padding-left:var(--space-2)}.info-card{background:var(--color-bg-secondary);border-radius:var(--radius-3xl);overflow:hidden;box-shadow:0 2px 8px var(--color-shadow),0 0 1px var(--color-border-glow);border:1px solid var(--color-border-glow)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-7) var(--space-10);border-bottom:1px solid var(--color-separator);gap:var(--space-8)}.info-row:last-child{border-bottom:none}.info-label{font-size:var(--text-lg);color:var(--color-text-secondary);flex-shrink:0}.info-value{font-size:var(--text-lg);color:var(--color-text-primary);font-weight:var(--font-medium);text-align:right}.info-value.code{font-family:var(--font-mono);font-size:var(--text-md);background:var(--color-bg-tertiary);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md)}.progress-page .status-badge{padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-semibold);display:inline-flex;align-items:center;gap:var(--space-2)}.progress-page .status-badge.pending{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.progress-page .status-badge.in_progress{background:var(--color-orange-dim);color:var(--color-orange)}.progress-page .status-badge.success{background:var(--color-success-dim);color:var(--color-success)}.progress-page .status-badge.failed{background:var(--color-danger-dim);color:var(--color-danger)}@media(max-width:480px){.info-row{flex-wrap:wrap;gap:var(--space-3);padding:var(--space-5) var(--space-6)}.info-label{font-size:var(--text-base);flex-basis:100%}.info-value{font-size:var(--text-base);text-align:left;max-width:100%;word-break:break-word}.info-value.code{font-size:var(--text-sm);padding:var(--space-2) var(--space-4);max-width:100%;overflow-x:auto}.activity-log{padding:var(--space-4);font-size:var(--text-xs);max-height:160px}.log-entry{gap:var(--space-2)}.log-time{font-size:var(--text-2xs)}.log-message{font-size:var(--text-xs);overflow-wrap:break-word;word-break:break-word}.error-banner{flex-wrap:wrap;gap:var(--space-4);padding:var(--space-5) var(--space-6);font-size:var(--text-sm)}.error-banner i{font-size:var(--text-2xl)}}.summary-bar{background:var(--color-bg-secondary);border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-8);margin-bottom:var(--space-6);border:1px solid var(--color-border-glow);box-shadow:0 2px 8px var(--color-shadow),0 0 1px var(--color-border-glow)}.summary-bar.complete-success{border-color:#22c55e4d}.summary-bar.complete-error{border-color:#ef44444d}.summary-progress{margin-bottom:var(--space-5)}.summary-progress-track{height:6px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-3)}.summary-progress-fill{height:100%;border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out);min-width:2px}.summary-progress-fill.accent{background:var(--color-accent)}.summary-progress-fill.warning{background:var(--color-warning)}.summary-progress-meta{display:flex;justify-content:space-between;align-items:center}.summary-progress-count{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.summary-progress-time{font-size:var(--text-sm);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.summary-counters{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-4)}.summary-counter{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium)}.summary-counter.done{color:var(--color-success)}.summary-counter.running{color:var(--color-orange)}.summary-counter.queued{color:var(--color-text-tertiary)}.summary-counter.failed{color:var(--color-danger)}.summary-counter i{font-size:var(--text-xs)}.summary-now{font-size:var(--text-sm);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-2);min-height:20px}.summary-now.now-success{color:var(--color-success)}.summary-now.now-error{color:var(--color-danger)}.now-label{color:var(--color-text-tertiary);font-weight:var(--font-medium);flex-shrink:0}.now-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grouped-containers{margin-bottom:var(--space-6)}.container-group{margin-bottom:var(--space-3)}.group-header{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast)}.group-header:hover{background:var(--color-bg-tertiary)}.group-chevron{font-size:var(--text-xs);width:12px;text-align:center;color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.group-header.group-running{color:var(--color-orange)}.group-header.group-queued{color:var(--color-text-tertiary)}.group-header.group-failed{color:var(--color-danger)}.group-header.group-completed{color:var(--color-success)}.group-header.group-dependents{color:var(--color-accent);cursor:default}.group-header.group-dependents:hover{background:none}.group-label{flex:1;text-align:left}.group-count{font-size:var(--text-xs);background:var(--color-bg-tertiary);padding:1px var(--space-3);border-radius:var(--radius-full);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.group-items{background:var(--color-bg-secondary);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-separator)}.cr{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);min-height:40px}.cr:not(:last-child){border-bottom:1px solid var(--color-separator)}.cr-icon{width:20px;flex-shrink:0;text-align:center;font-size:var(--text-base)}.cr-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cr-pending{opacity:.5}.cr-pending .cr-icon{color:var(--color-text-tertiary)}.cr-running{border-left:3px solid var(--color-orange)}.cr-running .cr-icon{color:var(--color-orange)}.cr-stage{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-left:auto}.cr-version{width:100%;display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-secondary);padding-left:calc(20px + var(--space-3))}.cr-version .version-current{color:var(--color-text-tertiary)}.cr-version .version-arrow{color:var(--color-accent)}.cr-version .version-target{color:var(--color-accent);font-weight:var(--font-medium)}.cr-success .cr-icon{color:var(--color-success)}.cr-result{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-left:auto}.cr-failed .cr-icon,.cr-failed .cr-name{color:var(--color-danger)}.cr-error{width:100%;font-size:var(--text-xs);color:var(--color-danger);padding-left:calc(20px + var(--space-3));margin-top:var(--space-1);word-break:break-word}.cr-dependent{background:var(--color-bg-tertiary);border-left:2px solid var(--color-accent)}.container-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;flex-shrink:0}.container-badge.force,.container-badge.rollback{background:var(--color-warning-dim);color:var(--color-warning)}.container-badge.dependent{background:var(--color-accent-dim);color:var(--color-accent)}.container-badge.dependent.warning{background:var(--color-warning-dim);color:var(--color-warning)}.activity-section{margin-bottom:var(--space-8)}.activity-toggle{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast)}.activity-toggle:hover{background:var(--color-bg-tertiary)}.activity-toggle i:first-child{font-size:var(--text-xs);width:12px;text-align:center;color:var(--color-text-tertiary)}.activity-count{color:var(--color-text-tertiary);font-weight:var(--font-normal)}.activity-section .activity-log{margin-top:var(--space-2);max-height:150px}.footer-buttons{display:flex;gap:var(--space-4);width:100%}.footer-buttons .button{flex:1}.spinning{display:inline-flex;animation:spin 1s linear infinite}.recent-operations{padding:var(--space-4)}.recent-operations h3{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.recent-op-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.recent-op-info{display:flex;align-items:center;gap:var(--space-3);min-width:0}.recent-op-status{flex-shrink:0;font-size:var(--text-base)}.recent-op-status.status-in-progress{color:var(--color-accent)}.recent-op-status.status-success{color:var(--color-success)}.recent-op-status.status-failed{color:var(--color-error)}.recent-op-type{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);white-space:nowrap}.recent-op-name{font-size:var(--text-sm);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);flex-shrink:0}@media(max-width:480px){.summary-bar{padding:var(--space-4) var(--space-6)}.summary-counters{gap:var(--space-3)}.summary-counter{font-size:var(--text-xs)}.cr{padding:var(--space-3) var(--space-4);gap:var(--space-2)}.cr-name{font-size:var(--text-xs)}.cr-stage,.cr-result{font-size:10px}.cr-version,.cr-error{font-size:10px;padding-left:calc(20px + var(--space-2))}.group-header{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.container-badge{font-size:10px;padding:2px var(--space-2)}.footer-buttons{flex-direction:column;gap:var(--space-3)}}