@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600;700&family=Sora:wght@400;500;600;700&display=swap";.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg,#081020f0,#081020db);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:20}.sidebar-logo{height:var(--header-height);padding:var(--space-4);border-bottom:1px solid var(--color-border-subtle);display:flex;align-items:center;gap:var(--space-3)}.sidebar-logo-icon{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#22d3ee,#3b82f6);color:#041224;font-weight:800;font-size:.9rem;display:grid;place-items:center}.sidebar-logo-text{font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:.01em}.sidebar-logo-text span{color:var(--color-accent-text)}.sidebar-nav{flex:1;padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-5)}.sidebar-nav-section{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-section-label{margin-bottom:var(--space-2);padding:0 var(--space-2);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);border:1px solid transparent}.sidebar-link:hover{background:#15233ea6;color:var(--color-text-primary);text-decoration:none}.sidebar-link.active{background:#22d3ee1f;color:var(--color-accent-text);border-color:#22d3ee4d}.sidebar-link-icon{width:22px;height:22px;border-radius:7px;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-muted);font-family:var(--font-mono);font-size:.66rem;display:grid;place-items:center}.sidebar-link.active .sidebar-link-icon{border-color:#22d3ee80;color:var(--color-accent-text)}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;padding:var(--space-6)}.page{width:100%;max-width:var(--content-max-width);margin:0 auto}.page-header{margin-bottom:var(--space-6)}.page-title{font-size:clamp(1.8rem,1.2rem + 1.5vw,2.45rem);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);letter-spacing:-.015em}.page-subtitle{margin-top:var(--space-2);color:var(--color-text-secondary)}@media(max-width:960px){.sidebar{position:sticky;width:100%;height:auto;min-height:0;top:0}.sidebar-nav{flex-direction:row;flex-wrap:wrap;gap:var(--space-2)}.sidebar-section-label{width:100%}.main-content{margin-left:0;padding:var(--space-4)}.app-layout{flex-direction:column}}.dashboard-grid{display:grid;gap:var(--space-6)}.status-cards{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:var(--space-4)}.status-card{padding:var(--space-5);border-radius:var(--radius-xl);border:1px solid var(--color-border);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 22%),var(--color-bg-card);box-shadow:var(--shadow-sm)}.status-card-label{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3)}.status-card-value{display:block;font-size:clamp(1.8rem,1.2rem + 1.2vw,2.5rem);font-weight:var(--font-weight-bold);line-height:1}.status-card.total .status-card-value{color:var(--color-text-primary)}.status-card.active .status-card-value{color:var(--color-warning)}.status-card.completed .status-card-value{color:var(--color-success)}.status-card.failed .status-card-value{color:var(--color-error)}.quick-actions{display:flex;gap:var(--space-3)}.run-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-card);overflow:hidden}.run-table{width:100%;border-collapse:collapse}.run-table thead th{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em}.run-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);vertical-align:middle}.run-table tbody tr{cursor:pointer;transition:background var(--transition-fast)}.run-table tbody tr:hover{background:var(--color-bg-hover)}.run-table-empty{margin:var(--space-4);padding:var(--space-8) var(--space-4);border-radius:var(--radius-lg);text-align:center;color:var(--color-text-muted);border:1px dashed var(--color-border);background:#111d3559}.run-id-link{color:var(--color-accent-text);font-family:var(--font-mono);font-size:var(--font-size-sm);text-decoration:none}.run-id-link:hover{text-decoration:underline}@media(max-width:1100px){.status-cards{grid-template-columns:repeat(2,minmax(160px,1fr))}}@media(max-width:640px){.status-cards{grid-template-columns:1fr}.quick-actions{flex-direction:column}.run-table thead{display:none}.run-table,.run-table tbody,.run-table tr,.run-table td{display:block;width:100%}.run-table tr{padding:var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.run-table td{padding:var(--space-2) 0;border-bottom:0}}.wizard-stepper{display:flex;gap:2px;margin-bottom:var(--space-8);overflow-x:auto}.wizard-step-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);min-width:100px;text-align:center;border:1px solid transparent}.wizard-step-item:hover{background:var(--color-bg-hover)}.wizard-step-item.active{background:var(--color-accent-muted);border-color:#22d3ee4d}.wizard-step-item.completed{opacity:.85}.wizard-step-dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--color-border);display:grid;place-items:center;font-size:.7rem;font-family:var(--font-mono);font-weight:var(--font-weight-bold);color:var(--color-text-muted);transition:all var(--transition-fast)}.wizard-step-item.active .wizard-step-dot{border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 10px var(--color-accent-muted)}.wizard-step-item.completed .wizard-step-dot{border-color:var(--color-success);color:var(--color-success);background:var(--color-success-muted)}.wizard-step-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.wizard-step-item.active .wizard-step-label{color:var(--color-accent-text)}.wizard-step-item.completed .wizard-step-label{color:var(--color-text-secondary)}.mode-toggle{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.mode-toggle-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.mode-toggle-segmented{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#0f172a8c}.mode-toggle-option{border:none;background:transparent;color:var(--color-text-muted);padding:var(--space-1) var(--space-3);border-radius:calc(var(--radius-md) - 2px);font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.mode-toggle-option:hover{color:var(--color-text-primary);background:#38bdf81f}.mode-toggle-option.active{color:var(--color-accent-text);background:var(--color-accent-muted);box-shadow:inset 0 0 0 1px #22d3ee73}.mode-toggle-active{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.wizard-body{min-height:300px}.wizard-nav{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.wizard-nav-top{margin:0 0 var(--space-5) 0;padding:var(--space-2) 0 var(--space-4);border-bottom:1px solid var(--color-border-subtle);position:sticky;top:0;z-index:20;background:linear-gradient(to bottom,#020617f7,#020617eb 70%,#0206178c);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wizard-nav-bottom{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle)}.wizard-nav-spacer{flex:1}.step-section{margin-bottom:var(--space-6)}.step-section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.step-section-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.field{margin-bottom:var(--space-4)}.field-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.field-hint{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-4);text-align:center;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);color:var(--color-text-muted)}.dropzone:hover,.dropzone.drag-over{border-color:var(--color-accent);background:var(--color-accent-muted)}.dropzone.has-file{border-color:var(--color-success);border-style:solid;background:var(--color-success-muted);color:var(--color-success)}.dropzone-icon{font-size:2rem;margin-bottom:var(--space-2)}.dropzone-text{font-size:var(--font-size-base);margin-bottom:var(--space-1)}.dropzone-hint{font-size:var(--font-size-xs)}.residue-grid{display:flex;flex-wrap:wrap;gap:var(--space-2);max-height:300px;overflow-y:auto;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary)}.residue-chip{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border);font-family:var(--font-mono);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.residue-chip:hover{border-color:var(--color-accent)}.residue-chip.selected{background:var(--color-accent-muted);border-color:#22d3ee80;color:var(--color-accent-text)}.residue-chip.suggested{border-color:#84cc16a6;box-shadow:0 0 0 1px #84cc1633}.residue-chip.selected.suggested{border-color:#22d3ee80;box-shadow:0 0 0 2px #84cc1640}.residue-chip.focused{border-color:#f43f5ebf;box-shadow:0 0 0 2px #f43f5e33}.pocket-auto-panel{margin-bottom:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.pocket-auto-row{display:flex;gap:var(--space-3);align-items:flex-end;flex-wrap:wrap}.pocket-auto-field{margin:0;min-width:210px}.pocket-auto-cutoff{min-width:140px;max-width:180px}.pocket-auto-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;align-self:flex-end;margin-bottom:3px}.pocket-auto-meta,.pocket-auto-error{margin-top:var(--space-2)}.pocket-preview-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.pocket-preview-ligand-meta{margin-bottom:var(--space-3);color:var(--color-warning)}.ligand-tools-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-3)}.ligand-draw-panel{margin-top:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);background:#02061773}.ligand-draw-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}.ligand-draw-title{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-primary)}.ligand-draw-canvas-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2);background:#05080f;min-height:392px}.ligand-draw-canvas{width:100%;min-height:360px}.ligand-ketcher-react-wrap{padding:0;overflow:auto;background:#f6f9ff;border:1px solid #203964;border-radius:var(--radius-md)}.ligand-ketcher-react-wrap .Ketcher-root{width:100%;min-width:1080px;min-height:560px;height:700px;background:#fff}.ligand-ketcher-react-wrap:fullscreen,.ligand-ketcher-react-wrap:-webkit-full-screen{width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;padding:0;border:0;border-radius:0;background:#eef3fb;overflow:hidden}.ligand-ketcher-react-wrap:fullscreen .Ketcher-root,.ligand-ketcher-react-wrap:-webkit-full-screen .Ketcher-root{width:100%;height:100%;min-width:0;min-height:0}.ligand-ketcher-react-wrap .Ketcher-root [class*=LeftToolbar-module_root],.ligand-ketcher-react-wrap .Ketcher-root [class*=RightToolbar-module_root],.ligand-ketcher-react-wrap .Ketcher-root [class*=BottomToolbar-module_root],.ligand-ketcher-react-wrap .Ketcher-root [class*=App-module_top],.ligand-ketcher-react-wrap .Ketcher-root [class*=App-module_bottom],.ligand-ketcher-react-wrap .Ketcher-root [class*=App-module_left],.ligand-ketcher-react-wrap .Ketcher-root [class*=App-module_right]{background-color:#eef3fb!important;border-color:#d5e0f0!important}.ligand-ketcher-react-wrap .Ketcher-root [class*=ActionButton-module_button],.ligand-ketcher-react-wrap .Ketcher-root [class*=TextButton-module_textButton],.ligand-ketcher-react-wrap .Ketcher-root [class*=SpecialSymbolsButton-module_textButton],.ligand-ketcher-react-wrap .Ketcher-root [class*=SpecialSymbolsButton-module_activeTextButton]{background-color:#fff!important;color:#203355!important;border:1px solid #ccd9ec!important;border-radius:6px!important}.ligand-ketcher-react-wrap .Ketcher-root [class*=ActionButton-module_button]:hover,.ligand-ketcher-react-wrap .Ketcher-root [class*=TextButton-module_textButton]:hover,.ligand-ketcher-react-wrap .Ketcher-root [class*=SpecialSymbolsButton-module_textButton]:hover{background-color:#ecf3ff!important}.ligand-ketcher-react-wrap .Ketcher-root [class*=ActionButton-module_selected],.ligand-ketcher-react-wrap .Ketcher-root [class*=TextButton-module_isActive],.ligand-ketcher-react-wrap .Ketcher-root [class*=SpecialSymbolsButton-module_activeTextButton]{background-color:#dce9ff!important;border-color:#8aa8da!important}.ligand-ketcher-react-wrap .Ketcher-root [class*=ActionButton-module_button]>svg,.ligand-ketcher-react-wrap .Ketcher-root [class*=TextButton-module_textButton]>svg,.ligand-ketcher-react-wrap .Ketcher-root [class*=SpecialSymbolsButton-module_textButton]>svg,.ligand-ketcher-react-wrap .Ketcher-root [class*=SpecialSymbolsButton-module_activeTextButton]>svg{fill:#22375e!important}.ligand-ketcher-react-wrap iframe{border:0}.ligand-draw-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.pocket-preview-shell{width:100%}.pocket-preview-toolbar{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#02061773;margin-bottom:var(--space-3)}.pocket-preview-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.pocket-preview-row-advanced{padding-top:var(--space-2);border-top:1px solid var(--color-border)}.pocket-preview-control{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.pocket-preview-toggle{justify-content:flex-start;padding:0 var(--space-1)}.pocket-preview-row-advanced .pocket-preview-control{min-width:230px;justify-content:flex-start}.pocket-preview-row-advanced .pocket-preview-control>:first-child{min-width:78px}.pocket-preview-select{min-width:126px;max-width:170px;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.pocket-preview-advanced-btn{margin-left:auto}.pocket-preview-range{width:92px;accent-color:#22d3ee}.pocket-preview-range-value{min-width:2.8rem;text-align:right;color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--font-size-xs)}.pocket-preview-canvas{width:100%;height:440px;position:relative;isolation:isolate;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#05080f;overflow:hidden}.pocket-preview-canvas .viewer_3Dmoljs,.pocket-preview-canvas canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.pocket-preview-error{margin-top:var(--space-3)}.pocket-preview-legend{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-2)}.legend-chip{display:inline-flex;align-items:center;padding:.14rem .45rem;border-radius:var(--radius-full);border:1px solid transparent;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.06em;text-transform:uppercase}.legend-chip.hydrophobic{background:#fbbf2424;color:#fbbf24;border-color:#fbbf2466}.legend-chip.polar{background:#34d39924;color:#34d399;border-color:#34d39966}.legend-chip.positive{background:#60a5fa24;color:#60a5fa;border-color:#60a5fa66}.legend-chip.negative{background:#f8717124;color:#f87171;border-color:#f8717166}.review-table{width:100%;border-collapse:collapse}.review-table th{text-align:left;padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.review-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle);font-size:var(--font-size-sm)}.review-table td:first-child{color:var(--color-text-secondary);font-family:var(--font-mono)}.review-table td:last-child{color:var(--color-text-primary)}.params-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.params-section{padding:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.params-section-title{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-3);font-weight:var(--font-weight-semibold)}.pipeline-stepper{display:flex;gap:2px;margin-bottom:var(--space-6);overflow-x:auto;padding:var(--space-2) 0}.pipeline-stage{flex:1;min-width:90px;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-1);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);text-align:center;border:1px solid transparent;position:relative}.pipeline-stage:hover{background:var(--color-bg-hover)}.pipeline-stage:not(:last-child):after{content:"";position:absolute;right:-2px;top:50%;width:4px;height:1px;background:var(--color-border)}.pipeline-stage-dot{width:24px;height:24px;border-radius:50%;border:2px solid var(--color-border);display:grid;place-items:center;font-size:.6rem;font-family:var(--font-mono);transition:all var(--transition-fast)}.pipeline-stage-label{font-size:.58rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);line-height:1.2;max-width:80px}.pipeline-stage.completed .pipeline-stage-dot{border-color:var(--color-success);color:var(--color-success);background:var(--color-success-muted)}.pipeline-stage.completed .pipeline-stage-label{color:var(--color-success)}.pipeline-stage.running .pipeline-stage-dot{border-color:var(--color-warning);color:var(--color-warning);background:var(--color-warning-muted);animation:pulse-ring 1.5s ease-in-out infinite}.pipeline-stage.running .pipeline-stage-label{color:var(--color-warning)}.pipeline-stage.running{background:var(--color-warning-muted);border-color:#fbbf2459}.pipeline-stage.failed .pipeline-stage-dot{border-color:var(--color-error);color:var(--color-error);background:var(--color-error-muted)}.pipeline-stage.failed .pipeline-stage-label{color:var(--color-error)}.pipeline-stage.failed{background:var(--color-error-muted);border-color:#f8717159}.pipeline-stage.active{border-color:#22d3ee66}.pipeline-stage-spinner{width:11px;height:11px;border:2px solid rgba(251,191,36,.35);border-top-color:var(--color-warning);border-radius:50%;animation:stage-spin .8s linear infinite}@keyframes pulse-ring{0%,to{box-shadow:0 0 #fbbf2466}50%{box-shadow:0 0 0 6px #fbbf2400}}@keyframes stage-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.monitor-grid{display:grid;gap:var(--space-6)}.run-header{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.run-id-display{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-muted);background:var(--color-bg-secondary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border)}.run-timer{font-family:var(--font-mono);font-size:var(--font-size-md);color:var(--color-text-secondary);margin-left:auto}.stage-detail{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card);overflow:hidden}.stage-detail-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.stage-detail-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md)}.stage-detail-body{padding:var(--space-4)}.artifact-list{display:flex;flex-direction:column;gap:var(--space-2)}.artifact-view-panel{display:flex;flex-direction:column;gap:var(--space-3)}.artifact-view-toggle{display:flex;gap:var(--space-2)}.chemist-artifacts-wrap{display:flex;flex-direction:column;gap:var(--space-3)}.chemist-artifacts-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.chemist-artifacts-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.chemist-artifacts-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.chemist-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-2)}.chemist-kpi-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-secondary);padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:2px}.chemist-kpi-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-accent-text);font-family:var(--font-mono)}.chemist-kpi-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.chemist-groups{display:flex;flex-direction:column;gap:var(--space-3)}.chemist-group-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.chemist-group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.chemist-group-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.chemist-group-desc{color:var(--color-text-muted);font-size:var(--font-size-sm)}.chemist-group-actions{display:flex;align-items:center;gap:var(--space-2)}.chemist-group-meta{display:flex;flex-direction:column;gap:var(--space-2)}.chemist-group-stages{display:flex;flex-wrap:wrap;gap:var(--space-1)}.chemist-stage-chip{font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-bg-hover);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:2px var(--space-2)}.chemist-group-types{display:flex;flex-wrap:wrap;gap:var(--space-1)}.chemist-group-files{border-top:1px solid var(--color-border-subtle);padding-top:var(--space-2)}.artifact-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:background var(--transition-fast)}.artifact-item:hover{background:var(--color-bg-hover)}.artifact-type{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-accent-text);background:var(--color-accent-muted);padding:2px var(--space-2);border-radius:var(--radius-sm)}.artifact-stage{color:var(--color-text-muted);font-size:var(--font-size-xs)}.artifact-file-list{margin:0 0 var(--space-2) 0;border:1px solid var(--color-border-subtle);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--color-bg-secondary);max-height:280px;overflow-y:auto}.artifact-file-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-6);font-size:var(--font-size-xs);text-decoration:none;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-subtle);transition:background var(--transition-fast);cursor:pointer}.artifact-file-item:last-child{border-bottom:none}.artifact-file-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.artifact-file-name{flex:1;font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artifact-file-ext{font-family:var(--font-mono);font-size:.6rem;color:var(--color-accent-text);background:var(--color-accent-muted);padding:1px var(--space-1);border-radius:var(--radius-sm);text-transform:uppercase}.artifact-file-size{font-family:var(--font-mono);color:var(--color-text-muted);min-width:60px;text-align:right}.checkpoint-list{display:flex;flex-direction:column;gap:var(--space-1)}.checkpoint-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);border-left:3px solid var(--color-border)}.checkpoint-item.completed{border-left-color:var(--color-success)}.checkpoint-stage{font-family:var(--font-mono);font-size:var(--font-size-xs);min-width:150px}.checkpoint-time{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs)}.monitor-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.monitor-tab{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast)}.monitor-tab:hover{color:var(--color-text-primary)}.monitor-tab.active{color:var(--color-accent-text);border-bottom-color:var(--color-accent)}.error-panel{padding:var(--space-4);border:1px solid rgba(248,113,113,.3);border-radius:var(--radius-lg);background:#f871710f}.error-panel-title{font-weight:var(--font-weight-semibold);color:var(--color-error);margin-bottom:var(--space-2)}.error-panel-message{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:pre-wrap}.results-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);min-height:500px}@media(max-width:1024px){.results-layout{grid-template-columns:1fr}}.ranking-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card);overflow:hidden;display:flex;flex-direction:column}.ranking-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.ranking-panel-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md)}.ranking-table-wrap{flex:1;overflow:auto}.ranking-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.ranking-table th{position:sticky;top:0;background:var(--color-bg-secondary);text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.ranking-table th:hover{color:var(--color-text-primary)}.ranking-table th.sorted{color:var(--color-accent-text)}.ranking-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle);font-family:var(--font-mono)}.ranking-table tr{cursor:pointer;transition:background var(--transition-fast)}.ranking-table tr:hover{background:var(--color-bg-hover)}.ranking-table tr.selected{background:var(--color-accent-muted);border-left:3px solid var(--color-accent)}.ranking-table .rank-cell{font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;width:40px}.ranking-table .score-cell{color:var(--color-accent-text)}.viewer-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card);overflow:hidden;display:flex;flex-direction:column}.viewer-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.viewer-panel-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md)}.viewer-container{flex:1;min-height:400px;display:grid;place-items:center;color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-4);position:relative;background:var(--color-bg-primary)}.viewer-placeholder{text-align:center}.viewer-placeholder-icon{font-size:3rem;margin-bottom:var(--space-3);opacity:.5}.export-bar{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.pose-info{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--color-border-subtle)}.pose-info-item{display:flex;flex-direction:column;gap:2px}.pose-info-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.pose-info-value{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-primary)}.no-results{display:grid;place-items:center;min-height:300px;text-align:center}.no-results-icon{font-size:3rem;margin-bottom:var(--space-3);opacity:.4}.docktool-page{display:flex;flex-direction:column;gap:var(--space-6)}.docktool-shell{display:grid;grid-template-columns:320px minmax(0,1fr);gap:var(--space-5);align-items:start}.docktool-sidebar,.docktool-form,.docktool-summary,.docktool-pair-browser,.docktool-pose-table,.docktool-viewer,.docktool-file-panel,.docktool-empty-state{padding:var(--space-5)}.docktool-sidebar{position:sticky;top:var(--space-6);max-height:calc(100vh - 3rem);overflow:auto}.docktool-main,.docktool-results,.docktool-detail-stack{display:flex;flex-direction:column;gap:var(--space-5)}.docktool-section-header,.docktool-result-header,.docktool-summary-row,.docktool-pair-item-top,.docktool-actions,.docktool-mode-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.docktool-section-header h2,.docktool-result-header h2,.docktool-section-header h3{font-size:1rem}.docktool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.docktool-grid-compact{grid-template-columns:repeat(4,minmax(0,1fr))}.docktool-field,.docktool-checkbox{display:flex;flex-direction:column;gap:var(--space-2)}.docktool-field span,.docktool-checkbox span{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.docktool-upload-row{display:flex;flex-direction:column;gap:var(--space-2)}.docktool-upload-meta{min-height:1.25rem}.docktool-summary-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.docktool-field-span-2{grid-column:span 2}.docktool-textarea{min-height:92px;resize:vertical}.docktool-subsection{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.docktool-ligand-list,.docktool-file-panels,.docktool-session-list,.docktool-pair-list,.docktool-file-list,.docktool-error-list{display:flex;flex-direction:column;gap:var(--space-3)}.docktool-ligand-card,.docktool-session-item,.docktool-pair-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#071022b3;padding:var(--space-4)}.docktool-session-item,.docktool-pair-item{width:100%;text-align:left;color:var(--color-text-primary);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.docktool-session-item:hover,.docktool-pair-item:hover{border-color:var(--color-border-hover);background:#0a162ad9}.docktool-session-item.active,.docktool-pair-item.active{border-color:#22d3ee66;background:#0c2438d9}.docktool-session-row,.docktool-summary-grid,.docktool-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.docktool-summary-grid{flex-wrap:wrap;margin-top:var(--space-4)}.docktool-summary-grid>div{min-width:96px;padding:var(--space-3);border-radius:var(--radius-md);background:#ffffff05;border:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:.2rem}.docktool-summary-grid span{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.docktool-summary-grid strong{font-size:1.15rem}.docktool-analysis-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:var(--space-5);align-items:start}.docktool-pose-table table{width:100%;border-collapse:collapse;margin-top:var(--space-4);font-size:var(--font-size-sm)}.docktool-pose-table th,.docktool-pose-table td{padding:var(--space-3);border-top:1px solid var(--color-border-subtle);text-align:left}.docktool-pose-table tbody tr{cursor:pointer}.docktool-pose-table tbody tr:hover,.docktool-pose-table tbody tr.active{background:#22d3ee14}.docktool-viewer{min-height:420px;display:flex;flex-direction:column}.docktool-viewer-canvas{width:100%;height:auto;min-height:420px;flex:1;margin-top:var(--space-4);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);position:relative;isolation:isolate}.docktool-viewer-canvas canvas{display:block;width:100%!important;height:100%!important}.docktool-viewer-empty,.docktool-empty,.docktool-empty-state{color:var(--color-text-secondary)}.docktool-file-link{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:#ffffff05}.docktool-file-link:hover{text-decoration:none;background:#22d3ee0f;border-color:#22d3ee40}.docktool-inline-note{padding:var(--space-3) 0 0}@media(max-width:1320px){.docktool-shell,.docktool-analysis-grid{grid-template-columns:1fr}.docktool-sidebar{position:static;max-height:none}.docktool-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.docktool-grid,.docktool-grid-compact{grid-template-columns:1fr}.docktool-field-span-2{grid-column:span 1}.docktool-section-header,.docktool-result-header,.docktool-summary-row{align-items:flex-start;flex-direction:column}}.docktool-viewer-header{align-items:flex-start}.docktool-viewer-header-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}.docktool-viewer-actions{display:flex;align-items:center;gap:var(--space-2)}.templating-tool,.templating-tool-step{display:flex;flex-direction:column;gap:var(--space-5)}.templating-tool-progress,.templating-tool-hero,.templating-tool-panel{padding:var(--space-5)}.templating-tool-progress{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-3)}.templating-tool-progress-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#0710229e}.templating-tool-progress-item-active{border-color:#22d3ee73;background:#0c2438e0;box-shadow:var(--shadow-glow)}.templating-tool-progress-item-completed{border-color:#4ade8059;background:#1638268c}.templating-tool-progress-item-locked{opacity:.65}.templating-tool-progress-index{width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--color-border-hover);font-family:var(--font-mono);font-size:var(--font-size-sm)}.templating-tool-progress-copy{display:flex;flex-direction:column;gap:var(--space-1)}.templating-tool-progress-copy strong{font-size:var(--font-size-sm)}.templating-tool-progress-copy span{color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em}.templating-tool-hero{background:radial-gradient(circle at top right,rgba(34,211,238,.14),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 24%),var(--color-bg-card)}.templating-tool-kicker{margin-bottom:var(--space-2);color:var(--color-accent-text);font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase}.templating-tool-hero h2{margin-bottom:var(--space-2);font-size:1.45rem}.templating-tool-status-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}.templating-tool-status-chip{display:flex;flex-direction:column;gap:var(--space-1);min-height:4.5rem;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#07102280}.templating-tool-status-chip span{color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em}.templating-tool-status-chip strong{color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:1.35}.templating-tool-panel{display:flex;flex-direction:column;height:100%}.templating-tool-panel-auto{height:auto;align-self:start}.templating-tool-inline-hint{margin:0 0 var(--space-4)}.templating-tool-summary-bar{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4);margin-bottom:var(--space-4)}.templating-tool-fit-grid{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:var(--space-5);align-items:stretch}.templating-tool-fit-form{align-items:start}.templating-tool-fit-form .docktool-field{gap:var(--space-1)}.templating-tool-fit-form .docktool-field span{min-height:1.25rem}.templating-tool-preview-stack{display:flex;flex-direction:column;gap:var(--space-5);min-height:100%}.templating-tool-preview-stack .docktool-viewer{flex:1;height:100%}.templating-tool-preview-stack .docktool-viewer-canvas{min-height:520px}.templating-tool-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.templating-tool-nav-actions{display:inline-flex;align-items:center;gap:var(--space-3)}.templating-tool-nav-spacer{flex:1}.templating-tool-placeholder{padding:var(--space-4);border:1px dashed rgba(125,211,252,.35);border-radius:var(--radius-lg);background:#07102273;color:var(--color-text-muted)}.templating-tool-panel .step-section:last-child{margin-bottom:0}@media(max-width:1320px){.templating-tool-progress{grid-template-columns:repeat(3,minmax(0,1fr))}.templating-tool-status-row,.templating-tool-fit-grid{grid-template-columns:1fr}}@media(max-width:760px){.templating-tool-progress{grid-template-columns:1fr}.templating-tool-nav,.templating-tool-nav-actions{flex-direction:column;align-items:stretch}.templating-tool-metric-grid{grid-template-columns:1fr}}.templating-tool-result-block{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.templating-tool-view-toggle{display:inline-flex;gap:var(--space-2)}.templating-tool-view-toggle .btn.is-active{border-color:#22d3ee8c;color:var(--color-accent-text);box-shadow:0 0 0 1px #22d3ee26 inset}.templating-tool-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.templating-tool-metric-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#07102280}.templating-tool-metric-card span{color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em}.templating-tool-metric-card strong{font-size:var(--font-size-sm);line-height:1.35}.templating-tool-select-card{width:100%;text-align:left;cursor:pointer}.templating-tool-select-card.is-active{border-color:#22d3ee8c;box-shadow:0 0 0 1px #22d3ee26 inset}.templating-tool-viewer-tools{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}:root{--color-bg-primary: #070d1a;--color-bg-secondary: #0c1528;--color-bg-tertiary: #111d35;--color-bg-card: #101a2f;--color-bg-hover: #15233e;--color-bg-input: #0b1428;--color-border: #223355;--color-border-subtle: #182643;--color-border-hover: #2f4a78;--color-text-primary: #e8edf8;--color-text-secondary: #b7c5de;--color-text-muted: #7f93b4;--color-text-link: #7dd3fc;--color-accent: #22d3ee;--color-accent-hover: #67e8f9;--color-accent-muted: rgba(34, 211, 238, .12);--color-accent-text: #67e8f9;--color-purple: #5b7cff;--color-success: #4ade80;--color-success-muted: rgba(74, 222, 128, .16);--color-warning: #fbbf24;--color-warning-muted: rgba(251, 191, 36, .16);--color-error: #f87171;--color-error-muted: rgba(248, 113, 113, .16);--color-info: #60a5fa;--color-info-muted: rgba(96, 165, 250, .16);--color-pending: #94a3b8;--color-running: #f59e0b;--font-family: "Sora", "IBM Plex Sans", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "JetBrains Mono", "Consolas", monospace;--font-size-xs: .6875rem;--font-size-sm: .75rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height: 1.5;--line-height-tight: 1.2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(2, 8, 20, .3);--shadow-md: 0 8px 18px rgba(2, 8, 20, .35);--shadow-lg: 0 20px 36px rgba(2, 8, 20, .45);--shadow-glow: 0 0 0 1px rgba(34, 211, 238, .3), 0 0 18px rgba(34, 211, 238, .15);--shadow-glow-cyan: 0 0 0 1px rgba(34, 211, 238, .5), 0 0 20px rgba(34, 211, 238, .2);--shadow-card: inset 0 1px 0 rgba(255, 255, 255, .03), 0 0 0 1px var(--color-border);--transition-fast: .14s ease;--transition-normal: .22s ease;--transition-slow: .36s ease;--sidebar-width: 248px;--header-height: 64px;--content-max-width: 1320px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height);color:var(--color-text-primary);background:radial-gradient(1200px 800px at -10% -20%,rgba(34,211,238,.08),transparent 45%),radial-gradient(900px 600px at 110% -10%,rgba(96,165,250,.08),transparent 45%),var(--color-bg-primary);min-height:100vh}a{color:var(--color-text-link);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.mono{font-family:var(--font-mono)}.text-muted{color:var(--color-text-secondary)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:.8125rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{color:#04101f;background:linear-gradient(135deg,var(--color-accent),#7dd3fc);border-color:#7dd3fc4d;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-glow-cyan)}.btn-secondary{color:var(--color-text-secondary);background:var(--color-bg-secondary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-bg-hover);border-color:var(--color-border-hover)}.btn-danger{color:var(--color-error);background:#f8717114;border-color:#f8717159}.btn-danger:hover:not(:disabled){color:#1d0a0a;background:var(--color-error)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base)}.input{width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted);outline:none}.card{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 18%),var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:var(--radius-full);border:1px solid transparent;font-size:.66rem;font-weight:var(--font-weight-semibold);letter-spacing:.07em;text-transform:uppercase}.badge-success{background:var(--color-success-muted);color:var(--color-success);border-color:#4ade8059}.badge-warning{background:var(--color-warning-muted);color:var(--color-warning);border-color:#fbbf2459}.badge-info{background:var(--color-info-muted);color:var(--color-info);border-color:#60a5fa59}.badge-error{background:var(--color-error-muted);color:var(--color-error);border-color:#f8717159}.badge-pending{background:#94a3b829;color:var(--color-pending);border-color:#94a3b859}.alert{border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);background:var(--color-bg-secondary)}.alert-error{color:var(--color-error);border-color:#f8717166;background:#f8717112}