:root{--panel-bg: #2b2b2b}:root{--panel-surface: #323232}:root{--panel-surface-hover: #3a3a3a}:root{--panel-surface-active: #444444}:root{--panel-border: #4a4a4a}:root{--panel-text: #e0e0e0}:root{--panel-text-muted: #999999}:root{--panel-text-inverse: #1a1a1a}:root{--panel-accent: #0d66d0}:root{--panel-accent-hover: #0f7ae5}:root{--panel-accent-text: #ffffff}:root{--panel-status-new: #5c9ce6}:root{--panel-status-inpr: #e6a035}:root{--panel-status-rvew: #a87ae6}:root{--panel-status-comp: #5cba6f}:root{--panel-status-hold: #e66060}:root{--panel-status-default: #888888}:root{--panel-danger: #e66060}:root{--panel-danger-hover: #cc4444}:root{--panel-success: #5cba6f}:root{--panel-warning: #e6a035}:root{--panel-radius: 4px}:root{--panel-radius-lg: 6px}:root{--panel-spacing-xs: 4px}:root{--panel-spacing-sm: 8px}:root{--panel-spacing-md: 12px}:root{--panel-spacing-lg: 16px}:root{--panel-spacing-xl: 24px}:root{--panel-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}:root{--panel-font-size-xs: 10px}:root{--panel-font-size-sm: 11px}:root{--panel-font-size-md: 12px}:root{--panel-font-size-lg: 14px}:root{--panel-font-size-xl: 16px}.hops-panel{font-family:var(--panel-font);font-size:var(--panel-font-size-md);color:var(--panel-text);background:var(--panel-bg);line-height:1.4;box-sizing:border-box}.hops-panel *,.hops-panel *:before,.hops-panel *:after{box-sizing:border-box}.hops-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--panel-spacing-sm) var(--panel-spacing-md);border:1px solid transparent;border-radius:var(--panel-radius);font-family:var(--panel-font);font-size:var(--panel-font-size-md);font-weight:500;cursor:pointer;white-space:nowrap}.hops-btn>*+*{margin-left:var(--panel-spacing-xs)}.hops-btn:disabled{opacity:.5;cursor:not-allowed}.hops-btn-primary{background:var(--panel-accent);color:var(--panel-accent-text);border-color:var(--panel-accent)}.hops-btn-primary:hover{background:var(--panel-accent-hover)}.hops-btn-primary:disabled{background:var(--panel-accent)}.hops-btn-secondary{background:var(--panel-surface);color:var(--panel-text);border-color:var(--panel-border)}.hops-btn-secondary:hover{background:var(--panel-surface-hover)}.hops-btn-secondary:disabled{background:var(--panel-surface)}.hops-btn-danger{background:var(--panel-danger);color:var(--panel-accent-text);border-color:var(--panel-danger)}.hops-btn-danger:hover{background:var(--panel-danger-hover)}.hops-btn-danger:disabled{background:var(--panel-danger)}.hops-btn-ghost{background:transparent;color:var(--panel-text-muted);border-color:transparent}.hops-btn-ghost:hover{background:var(--panel-surface-hover);color:var(--panel-text)}.hops-btn-ghost:disabled{background:transparent;color:var(--panel-text-muted)}.hops-btn-sm{padding:var(--panel-spacing-xs) var(--panel-spacing-sm);font-size:var(--panel-font-size-sm)}.hops-btn-full{width:100%}.hops-input{width:100%;padding:var(--panel-spacing-sm);background:var(--panel-bg);color:var(--panel-text);border:1px solid var(--panel-border);border-radius:var(--panel-radius);font-family:var(--panel-font);font-size:var(--panel-font-size-md);outline:none}.hops-input:focus{border-color:var(--panel-accent)}.hops-select{width:100%;padding:var(--panel-spacing-sm);background:var(--panel-bg);color:var(--panel-text);border:1px solid var(--panel-border);border-radius:var(--panel-radius);font-family:var(--panel-font);font-size:var(--panel-font-size-md);outline:none;cursor:pointer}.hops-select:focus{border-color:var(--panel-accent)}.hops-textarea{width:100%;padding:var(--panel-spacing-sm);background:var(--panel-bg);color:var(--panel-text);border:1px solid var(--panel-border);border-radius:var(--panel-radius);font-family:var(--panel-font);font-size:var(--panel-font-size-md);outline:none;resize:vertical;min-height:60px}.hops-textarea:focus{border-color:var(--panel-accent)}.hops-label{display:block;margin-bottom:var(--panel-spacing-xs);font-size:var(--panel-font-size-sm);font-weight:500;color:var(--panel-text-muted)}.hops-field{margin-bottom:var(--panel-spacing-md)}.hops-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.hops-dialog{background:var(--panel-surface);border:1px solid var(--panel-border);border-radius:var(--panel-radius-lg);padding:var(--panel-spacing-lg);width:calc(100% - 48px);max-width:360px;max-height:80%;overflow-y:auto}.hops-dialog-title{font-size:var(--panel-font-size-lg);font-weight:600;margin:0 0 var(--panel-spacing-md) 0}.hops-dialog-actions{display:flex;justify-content:flex-end;margin-top:var(--panel-spacing-lg)}.hops-dialog-actions>*+*{margin-left:var(--panel-spacing-sm)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:var(--panel-font-family, "Adobe Clean", system-ui, sans-serif);font-size:var(--panel-font-size-md, 13px);color:var(--panel-text, #e0e0e0);background:var(--panel-bg, #2b2b2b);overflow:hidden;height:100%;position:relative}#app{height:100%}.panel-root{display:flex;flex-direction:column;height:100%;position:relative}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--panel-spacing-xs) var(--panel-spacing-md);border-bottom:1px solid var(--panel-border);flex-shrink:0}.panel-title{font-weight:700;font-size:var(--panel-font-size-md);letter-spacing:.02em}.panel-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.panel-center-message{display:flex;align-items:center;justify-content:center;height:100%;color:var(--panel-text-muted);font-size:var(--panel-font-size-sm)}.panel-error{padding:var(--panel-spacing-sm) var(--panel-spacing-md);color:var(--panel-danger);font-size:var(--panel-font-size-sm);background:#ff505014;border-top:1px solid var(--panel-border);flex-shrink:0}