@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap);.integration-setup-page{--is-bg-void:#05080d;--is-bg-primary:#0a0f18;--is-bg-elevated:#0d1420;--is-bg-panel:#111827;--is-bg-card:#161f30;--is-bg-input:#0d1420;--is-accent-primary:#38bdf8;--is-accent-secondary:#818cf8;--is-accent-tertiary:#a78bfa;--is-success:#22c55e;--is-warning:#f59e0b;--is-error:#ef4444;--is-info:#3b82f6;--is-text-primary:#f1f5f9;--is-text-secondary:#94a3b8;--is-text-muted:#64748b;--is-border:#38bdf826;--is-border-subtle:#94a3b81a;--is-font-display:"Space Grotesk",system-ui,sans-serif;--is-font-data:"JetBrains Mono","SF Mono",Monaco,monospace;--is-space-xs:0.25rem;--is-space-sm:0.5rem;--is-space-md:1rem;--is-space-lg:1.5rem;--is-space-xl:2rem;--is-space-2xl:3rem;background:var(--is-bg-void);color:var(--is-text-primary);font-family:var(--is-font-display);min-height:100vh;position:relative}.integration-setup-page:before{background-image:linear-gradient(#38bdf808 1px,#0000 0),linear-gradient(90deg,#38bdf808 1px,#0000 0);background-size:50px 50px;content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.integration-setup-content{margin:0 auto;max-width:900px;padding:var(--is-space-xl);position:relative;z-index:1}.is-header{margin-bottom:var(--is-space-2xl)}.is-back-btn{align-items:center;background:#0000;border:none;color:var(--is-accent-primary);cursor:pointer;display:inline-flex;font-family:var(--is-font-display);font-size:.875rem;gap:var(--is-space-sm);margin-bottom:var(--is-space-lg);padding:var(--is-space-sm) 0;transition:all .2s ease}.is-back-btn:hover{color:var(--is-text-primary);transform:translateX(-4px)}.is-title{gap:var(--is-space-md);margin-bottom:var(--is-space-sm)}.is-title,.is-title-icon{align-items:center;display:flex}.is-title-icon{background:linear-gradient(135deg,var(--is-accent-primary),var(--is-accent-secondary));border-radius:12px;color:var(--is-bg-void);height:48px;justify-content:center;width:48px}.is-title-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--is-text-primary),var(--is-accent-primary));-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;margin:0}.is-subtitle{color:var(--is-text-secondary);font-size:1rem;margin:0}.is-stepper{display:flex;justify-content:space-between;margin-bottom:var(--is-space-2xl);padding:0 var(--is-space-xl);position:relative}.is-stepper-line{background:var(--is-border);border-radius:2px;height:3px;left:15%;overflow:hidden;position:absolute;right:15%;top:24px;z-index:0}.is-stepper-progress{background:linear-gradient(90deg,var(--is-accent-primary),var(--is-accent-secondary));box-shadow:0 0 10px var(--is-accent-primary);height:100%;transition:width .5s ease}.is-step{flex:1 1;flex-direction:column;position:relative;z-index:1}.is-step,.is-step-circle{align-items:center;display:flex}.is-step-circle{border:2px solid #0000;border-radius:50%;height:48px;justify-content:center;margin-bottom:var(--is-space-sm);transition:all .3s ease;width:48px}.is-step-circle.pending{background:var(--is-bg-panel);border-color:var(--is-border);color:var(--is-text-muted)}.is-step-circle.active{background:linear-gradient(135deg,var(--is-accent-primary),var(--is-accent-secondary));border-color:var(--is-accent-primary);box-shadow:0 0 20px #38bdf866;color:var(--is-bg-void)}.is-step-circle.completed{background:var(--is-success);border-color:var(--is-success);color:#fff}.is-step-label{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;transition:color .3s ease}.is-step-label.pending{color:var(--is-text-muted)}.is-step-label.active{color:var(--is-accent-primary)}.is-step-label.completed{color:var(--is-success)}.is-panel{background:var(--is-bg-panel);border:1px solid var(--is-border);border-radius:16px;min-height:400px;padding:var(--is-space-xl)}.is-panel-header{margin-bottom:var(--is-space-xl)}.is-panel-title{color:var(--is-text-primary);font-size:1.5rem;font-weight:600;margin:0 0 var(--is-space-sm) 0}.is-panel-subtitle{color:var(--is-text-secondary);font-size:.9375rem;margin:0}.is-form-group{margin-bottom:var(--is-space-xl)}.is-label{color:var(--is-text-primary);display:block;font-size:.875rem;font-weight:600;margin-bottom:var(--is-space-sm)}.is-label-required:after{color:var(--is-error);content:" *"}.is-input,.is-select{background:var(--is-bg-input);border:1px solid var(--is-border);border-radius:8px;color:var(--is-text-primary);font-family:var(--is-font-display);font-size:1rem;padding:var(--is-space-md);transition:all .2s ease;width:100%}.is-input:focus,.is-select:focus{border-color:var(--is-accent-primary);box-shadow:0 0 0 3px #38bdf81a;outline:none}.is-input::placeholder{color:var(--is-text-muted)}.is-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.is-select option{background:var(--is-bg-panel);color:var(--is-text-primary)}.is-custom-select-wrapper{align-items:center;background:#0d1420;background:var(--is-bg-input,var(--bg-elevated,#0d1420));border:1px solid #94a3b81f;border:1px solid var(--is-border,var(--border-color,#94a3b81f));border-radius:8px;cursor:pointer;display:flex;min-height:48px;position:relative;transition:all .2s ease;width:100%}.is-custom-select-wrapper:focus-within,.is-custom-select-wrapper:hover{border-color:#38bdf8;border-color:var(--is-accent-primary,var(--color-primary,#38bdf8))}.is-custom-select-wrapper:focus-within{box-shadow:0 0 0 3px #38bdf81a}.is-custom-select-value{color:#f1f5f9;color:var(--is-text-primary,var(--text-primary,#f1f5f9));flex:1 1;font-family:Space Grotesk,sans-serif;font-family:var(--is-font-display,var(--font-display,"Space Grotesk",sans-serif));font-size:1rem;overflow:hidden;padding:12px;padding:var(--is-space-md,12px) var(--is-space-md,12px);padding-right:40px;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.is-custom-select-native{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%;z-index:1}.is-custom-select-arrow{color:#64748b;color:var(--is-text-muted,var(--text-muted,#64748b));pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:transform .2s ease}.is-custom-select-wrapper:focus-within .is-custom-select-arrow{color:#38bdf8;color:var(--is-accent-primary,var(--color-primary,#38bdf8))}.is-hint{color:var(--is-text-muted);font-size:.8125rem;margin-top:var(--is-space-sm)}.is-choice-grid{grid-gap:var(--is-space-lg);display:grid;gap:var(--is-space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--is-space-xl)}.is-choice-card{background:var(--is-bg-card);border:2px solid var(--is-border);border-radius:12px;cursor:pointer;padding:var(--is-space-xl);text-align:center;transition:all .2s ease}.is-choice-card:hover{border-color:var(--is-accent-primary);transform:translateY(-2px)}.is-choice-card.selected{background:#38bdf80d;border-color:var(--is-accent-primary);box-shadow:0 0 20px #38bdf81a}.is-choice-card.selected.success{background:#22c55e0d;border-color:var(--is-success)}.is-choice-card.selected.warning{background:#f59e0b0d;border-color:var(--is-warning)}.is-choice-icon{align-items:center;background:var(--is-bg-panel);border-radius:12px;color:var(--is-text-muted);display:flex;height:56px;justify-content:center;margin:0 auto var(--is-space-md);transition:all .2s ease;width:56px}.is-choice-card.selected .is-choice-icon{background:var(--is-accent-primary);color:var(--is-bg-void)}.is-choice-card.selected.success .is-choice-icon{background:var(--is-success)}.is-choice-card.selected.warning .is-choice-icon{background:var(--is-warning)}.is-choice-title{color:var(--is-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--is-space-sm) 0}.is-choice-desc{color:var(--is-text-secondary);font-size:.875rem;margin:0 0 var(--is-space-md) 0}.is-choice-badge{background:var(--is-bg-panel);border-radius:12px;color:var(--is-text-muted);display:inline-block;font-size:.75rem;font-weight:600;padding:4px 12px}.is-choice-card.selected .is-choice-badge{background:var(--is-accent-primary);color:var(--is-bg-void)}.is-choice-card.selected.success .is-choice-badge{background:var(--is-success);color:#fff}.is-choice-card.selected.warning .is-choice-badge{background:var(--is-warning);color:var(--is-bg-void)}.is-info-box{border-radius:12px;margin-bottom:var(--is-space-xl);padding:var(--is-space-lg)}.is-info-box.success{background:#22c55e1a;border:1px solid #22c55e4d}.is-info-box.warning{background:#f59e0b1a;border:1px solid #f59e0b4d}.is-info-box.info{background:#38bdf81a;border:1px solid #38bdf84d}.is-info-header{align-items:center;display:flex;gap:var(--is-space-sm);margin-bottom:var(--is-space-sm)}.is-info-title{color:var(--is-text-primary);font-weight:600;margin:0}.is-info-text{color:var(--is-text-secondary);font-size:.875rem;margin:0}.is-scoring-summary{background:#f59e0b0d;border:1px solid #f59e0b4d;border-radius:12px;margin-bottom:var(--is-space-xl);padding:var(--is-space-lg)}.is-scoring-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--is-space-md);justify-content:space-between;margin-bottom:var(--is-space-md)}.is-scoring-title{align-items:center;display:flex;gap:var(--is-space-sm)}.is-scoring-tiers{display:flex;flex-wrap:wrap;gap:var(--is-space-sm);margin-bottom:var(--is-space-md)}.is-tier-badge{border-radius:12px;color:#fff;font-size:.8125rem;font-weight:500;padding:4px 12px}.is-tier-badge.hot{background:#ef4444}.is-tier-badge.warm{background:#f59e0b}.is-tier-badge.cold{background:#3b82f6}.is-scoring-stats{color:var(--is-text-secondary);display:flex;font-size:.875rem;gap:var(--is-space-lg)}.is-destinations-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--is-space-md);justify-content:space-between;margin-bottom:var(--is-space-lg)}.is-destinations-title{color:var(--is-text-primary);font-size:1.125rem;font-weight:600;margin:0}.is-destinations-subtitle{color:var(--is-text-muted);font-size:.875rem;margin:4px 0 0}.is-destinations-empty{background:var(--is-bg-card);border:2px dashed var(--is-border);border-radius:12px;padding:var(--is-space-2xl);text-align:center}.is-destinations-empty-icon{color:var(--is-text-muted);margin-bottom:var(--is-space-md);opacity:.5}.is-destinations-empty-title{color:var(--is-text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--is-space-sm) 0}.is-destinations-empty-text{color:var(--is-text-muted);font-size:.875rem;margin:0}.is-destinations-grid{grid-gap:var(--is-space-md);display:grid;gap:var(--is-space-md)}.is-dest-card{align-items:center;background:var(--is-bg-card);border:1px solid var(--is-border);border-radius:10px;display:flex;gap:var(--is-space-md);padding:var(--is-space-md);transition:all .2s ease}.is-dest-card:hover{border-color:var(--is-accent-primary)}.is-dest-icon{align-items:center;background:var(--is-bg-panel);border-radius:8px;display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.is-dest-info{flex:1 1;min-width:0}.is-dest-name{color:var(--is-text-primary);font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-dest-type{color:var(--is-text-muted);font-size:.75rem;text-transform:capitalize}.is-dest-status{align-items:center;background:var(--is-bg-panel);border-radius:6px;display:flex;font-size:.75rem;gap:var(--is-space-xs);padding:4px 8px}.is-dest-status.active{color:var(--is-success)}.is-dest-status.inactive{color:var(--is-text-muted)}.is-dest-actions{display:flex;gap:var(--is-space-xs)}.is-dest-action{align-items:center;background:#0000;border:1px solid var(--is-border);border-radius:6px;color:var(--is-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.is-dest-action:hover{border-color:var(--is-accent-primary);color:var(--is-accent-primary)}.is-dest-action.danger:hover{border-color:var(--is-error);color:var(--is-error)}.is-checkbox-section{background:var(--is-bg-card);border:1px solid var(--is-border);border-radius:12px;margin-bottom:var(--is-space-xl);padding:var(--is-space-lg)}.is-checkbox-label{align-items:center;color:var(--is-text-primary);cursor:pointer;display:flex;font-weight:600;gap:var(--is-space-md)}.is-checkbox{accent-color:var(--is-accent-primary);height:20px;width:20px}.is-checkbox-hint{color:var(--is-text-muted);font-size:.8125rem;margin-left:36px;margin-top:var(--is-space-sm)}.is-checkbox-content{margin-left:36px;margin-top:var(--is-space-lg)}.is-summary{background:#22c55e0d;border:1px solid #22c55e4d;border-radius:12px;padding:var(--is-space-lg)}.is-summary-title{color:var(--is-text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--is-space-md) 0}.is-summary-grid{grid-gap:var(--is-space-sm);display:grid;font-size:.875rem;gap:var(--is-space-sm)}.is-summary-row{display:flex;gap:var(--is-space-sm)}.is-summary-label{color:var(--is-text-secondary);font-weight:600}.is-summary-value{color:var(--is-text-primary)}.is-summary-badges{display:flex;flex-wrap:wrap;gap:var(--is-space-xs);margin-top:var(--is-space-xs)}.is-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:var(--is-font-display);font-size:.9375rem;font-weight:600;gap:var(--is-space-sm);justify-content:center;padding:var(--is-space-md) var(--is-space-xl);transition:all .2s ease}.is-btn:disabled{cursor:not-allowed;opacity:.5}.is-btn-primary{background:linear-gradient(135deg,var(--is-accent-primary),var(--is-accent-secondary));color:var(--is-bg-void)}.is-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #38bdf84d;transform:translateY(-1px)}.is-btn-secondary{background:#0000;border:1px solid var(--is-border);color:var(--is-text-primary)}.is-btn-secondary:hover:not(:disabled){border-color:var(--is-accent-primary);color:var(--is-accent-primary)}.is-btn-success{background:linear-gradient(135deg,var(--is-success),#16a34a);color:#fff}.is-btn-success:hover:not(:disabled){box-shadow:0 4px 12px #22c55e4d;transform:translateY(-1px)}.is-nav{display:flex;flex-wrap:wrap;gap:var(--is-space-md);justify-content:space-between;margin-top:var(--is-space-xl)}.is-nav-spacer{flex:1 1}.is-loading{align-items:center;display:flex;justify-content:center;min-height:400px}.is-spinner{animation:is-spin .8s linear infinite;border:3px solid var(--is-border);border-radius:50%;border-top-color:var(--is-accent-primary);height:40px;width:40px}@keyframes is-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.integration-setup-content{padding:var(--is-space-md)}.is-stepper{padding:0}.is-step-circle{height:40px;width:40px}.is-step-label{font-size:.625rem}.is-panel{padding:var(--is-space-lg)}.is-panel-title{font-size:1.25rem}.is-choice-grid{grid-template-columns:1fr}.is-nav{flex-direction:column-reverse}.is-btn{justify-content:center;width:100%}.is-destinations-header{align-items:flex-start;flex-direction:column}.is-dest-card{flex-wrap:wrap}.is-dest-actions{justify-content:flex-end;margin-top:var(--is-space-sm);width:100%}}@media (max-width:480px){.is-title{align-items:flex-start;flex-direction:column}.is-title-text{font-size:1.5rem}.is-stepper-line{left:10%;right:10%}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:20px;position:fixed;z-index:1000}.modal-content{background:#111827;background:var(--bg-panel,#111827);border:1px solid #94a3b81f;border:1px solid var(--border-color,#94a3b81f);border-radius:16px;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:720px;overflow:hidden;width:100%}.modal-content.destination-modal{max-width:900px}.modal-header{align-items:center;border-bottom:1px solid #94a3b81f;border-bottom:1px solid var(--border-color,#94a3b81f);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.modal-title{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-family:Space Grotesk,sans-serif;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background:#0000;border:1px solid #94a3b81f;border:1px solid var(--border-color,#94a3b81f);border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s ease;width:36px}.modal-close:hover{background:#ef44441a;border-color:#ef4444;border-color:var(--color-error,#ef4444);color:#ef4444;color:var(--color-error,#ef4444)}.step-indicator{background:#0d1420;background:var(--bg-elevated,#0d1420);border-bottom:1px solid #94a3b81f;border-bottom:1px solid var(--border-color,#94a3b81f);flex-shrink:0;justify-content:center;padding:16px 24px}.step-indicator,.step-indicator .step{align-items:center;display:flex;gap:8px}.step-indicator .step-circle{align-items:center;background:#111827;background:var(--bg-panel,#111827);border:2px solid #94a3b81f;border:2px solid var(--border-color,#94a3b81f);border-radius:50%;color:#64748b;color:var(--text-muted,#64748b);display:flex;font-size:12px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.step-indicator .step.active .step-circle{background:#38bdf8;background:var(--color-primary,#38bdf8);border-color:#38bdf8;border-color:var(--color-primary,#38bdf8);box-shadow:0 0 12px #38bdf866;color:#05080d;color:var(--bg-void,#05080d)}.step-indicator .step.complete .step-circle{background:#22c55e;background:var(--color-success,#22c55e);border-color:#22c55e;border-color:var(--color-success,#22c55e);color:#fff}.step-indicator .step.disabled .step-circle{opacity:.5}.step-indicator .step-label{color:#64748b;color:var(--text-muted,#64748b);font-size:13px;font-weight:500;transition:color .2s ease}.step-indicator .step.active .step-label{color:#38bdf8;color:var(--color-primary,#38bdf8)}.step-indicator .step.complete .step-label{color:#22c55e;color:var(--color-success,#22c55e)}.step-indicator .step-line{background:#94a3b81f;background:var(--border-color,#94a3b81f);height:2px;margin:0 4px;width:40px}.step-indicator .step.complete .step-line,.step-indicator .step.complete+.step .step-line{background:#22c55e;background:var(--color-success,#22c55e)}.modal-body{flex:1 1;min-height:300px;overflow-y:auto;padding:24px}.modal-body .error-message{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;color:var(--color-error,#ef4444);display:flex;font-size:14px;gap:8px;margin-bottom:16px;padding:12px 16px}.modal-footer{align-items:center;background:#0d1420;background:var(--bg-elevated,#0d1420);border-top:1px solid #94a3b81f;border-top:1px solid var(--border-color,#94a3b81f);display:flex;flex-shrink:0;gap:12px;padding:16px 24px}.modal-footer .btn-back{align-items:center;background:#0000;border:1px solid #94a3b81f;border:1px solid var(--border-color,#94a3b81f);border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .15s ease}.modal-footer .btn-back:hover:not(:disabled){border-color:#94a3b8;border-color:var(--text-secondary,#94a3b8);color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.modal-footer .btn-continue,.modal-footer .btn-save{align-items:center;background:linear-gradient(135deg,#38bdf8,#818cf8);background:linear-gradient(135deg,var(--color-primary,#38bdf8),var(--color-secondary,#818cf8));border:none;border-radius:8px;color:#05080d;color:var(--bg-void,#05080d);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .15s ease}.modal-footer .btn-continue:hover:not(:disabled),.modal-footer .btn-save:hover:not(:disabled){box-shadow:0 4px 12px #38bdf84d;transform:translateY(-1px)}.modal-footer .btn-continue:disabled,.modal-footer .btn-save:disabled{cursor:not-allowed;opacity:.5;transform:none}.modal-footer .btn-save{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--color-success,#22c55e),#16a34a)}.modal-footer .btn-save:hover:not(:disabled){box-shadow:0 4px 12px #22c55e4d}.config-form{display:flex;flex-direction:column;gap:20px}.config-step-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.config-step-icon{font-size:24px}.config-step-title{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:1.125rem;font-weight:600}.config-step-subtitle{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:14px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:14px;font-weight:500}.form-label.required:after{color:#ef4444;color:var(--color-error,#ef4444);content:" *"}.form-input,.form-select,.form-textarea{background:#0d1420;background:var(--bg-elevated,#0d1420);border:1px solid #94a3b81f;border:1px solid var(--border-color,#94a3b81f);border-radius:8px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-family:inherit;font-size:14px;padding:12px 14px;transition:all .15s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#38bdf8;border-color:var(--color-primary,#38bdf8);box-shadow:0 0 0 3px #38bdf81a;outline:none}.form-hint,.form-input::placeholder{color:#64748b;color:var(--text-muted,#64748b)}.form-hint{font-size:12px}@media (max-width:768px){.modal-overlay{padding:10px}.modal-content{max-height:95vh}.modal-content.destination-modal{max-width:100%}.step-indicator{padding:12px 16px}.step-indicator .step-label{display:none}.step-indicator .step-line{width:24px}.modal-body{padding:16px}.modal-footer{flex-wrap:wrap;padding:12px 16px}.modal-footer .btn-continue,.modal-footer .btn-save{flex:1 1;justify-content:center}}.dest-type-selector{display:flex;flex-direction:column;gap:24px;gap:var(--space-xl,24px)}.dest-type-card--skeleton{pointer-events:none}.skeleton-pulse{animation:skeleton-pulse 1.5s infinite;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%);background-size:200% 100%;border-radius:4px;border-radius:var(--radius-sm,4px)}.skeleton-text{display:block}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.dest-type-error{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;flex-direction:column;justify-content:center;padding:48px;padding:var(--space-2xl,48px);text-align:center}.dest-type-error__icon{color:#ef4444;color:var(--color-error,#ef4444);margin-bottom:16px;margin-bottom:var(--space-md,16px)}.dest-type-error__title{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-family:Space Grotesk,sans-serif;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:18px;font-size:var(--text-lg,18px);margin-bottom:8px;margin-bottom:var(--space-sm,8px)}.dest-type-error__message{font-size:14px;font-size:var(--text-sm,14px);margin-bottom:20px;margin-bottom:var(--space-lg,20px)}.dest-type-error__retry{align-items:center;background:#38bdf8;background:var(--color-primary,#38bdf8);border:none;border-radius:8px;border-radius:var(--radius-md,8px);color:#05080d;color:var(--bg-void,#05080d);cursor:pointer;display:flex;font-weight:600;gap:8px;gap:var(--space-sm,8px);padding:8px 20px;padding:var(--space-sm,8px) var(--space-lg,20px);transition:all .15s ease}.dest-type-error__retry:hover{background:#0ea5e9;background:var(--color-primary-hover,#0ea5e9);transform:translateY(-1px)}.dest-type-empty{color:#64748b;color:var(--text-muted,#64748b);padding:48px;padding:var(--space-2xl,48px);text-align:center}.dest-type-tier{display:flex;flex-direction:column;gap:16px;gap:var(--space-md,16px)}.dest-type-tier--locked{opacity:.85}.dest-type-tier__header{align-items:center;background:#ffffff05;border-left:3px solid #38bdf8;border-left:3px solid var(--tier-color,var(--color-primary,#38bdf8));border-radius:8px;border-radius:var(--radius-md,8px);color:#38bdf8;color:var(--tier-color,var(--color-primary,#38bdf8));display:flex;font-size:14px;font-size:var(--text-sm,14px);font-weight:600;gap:8px;gap:var(--space-sm,8px);letter-spacing:.05em;padding:8px 16px;padding:var(--space-sm,8px) var(--space-md,16px);text-transform:uppercase}.dest-type-tier__label{flex:1 1}.dest-type-tier__unlock{align-items:center;color:#64748b;color:var(--text-muted,#64748b);display:flex;font-size:12px;font-size:var(--text-xs,12px);font-weight:500;gap:4px;letter-spacing:normal;text-transform:none}.dest-type-tier__grid{grid-gap:16px;grid-gap:var(--space-md,16px);display:grid;gap:16px;gap:var(--space-md,16px);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.dest-type-card{align-items:flex-start;background:#111827;background:var(--bg-panel,#111827);border:1px solid #94a3b81f;border:1px solid var(--border-color,#94a3b81f);border-radius:12px;border-radius:var(--radius-lg,12px);cursor:pointer;display:flex;flex-direction:column;gap:16px;gap:var(--space-md,16px);padding:20px;padding:var(--space-lg,20px);position:relative;text-align:left;transition:all .15s ease}.dest-type-card:hover{background:#ffffff05;border-color:#38bdf8;border-color:var(--type-border,var(--color-primary,#38bdf8))}.dest-type-card--selected{background:#38bdf81a;background:var(--type-bg,#38bdf81a);border-color:#38bdf8;border-color:var(--type-color,var(--color-primary,#38bdf8));box-shadow:0 0 0 1px #38bdf8,0 4px 20px #0003;box-shadow:0 0 0 1px var(--type-color,var(--color-primary,#38bdf8)),0 4px 20px #0003}.dest-type-card--locked{cursor:pointer}.dest-type-card--locked:hover{border-color:#38bdf8;border-color:var(--color-primary,#38bdf8);opacity:.7}.dest-type-card--disabled{cursor:not-allowed;opacity:.5}.dest-type-card__badges{display:flex;gap:4px;gap:var(--space-xs,4px);position:absolute;right:8px;right:var(--space-sm,8px);top:8px;top:var(--space-sm,8px)}.dest-type-badge{align-items:center;border-radius:4px;border-radius:var(--radius-sm,4px);display:flex;font-size:10px;font-weight:600;gap:4px;letter-spacing:.03em;padding:3px 8px;text-transform:uppercase}.dest-type-badge--popular{background:#6366f126;border:1px solid #6366f14d;color:#38bdf8;color:var(--color-primary,#38bdf8)}.dest-type-badge--locked{background:#8b5cf626;border:1px solid #8b5cf64d;color:#8b5cf6;color:var(--accent-purple,#8b5cf6)}.dest-type-badge--custom{background:#6366f126;border:1px solid #6366f14d;color:#38bdf8;color:var(--color-primary,#38bdf8)}.dest-type-badge--coming-soon{background:#64646433;border:1px solid #6464644d;color:#64748b;color:var(--text-muted,#64748b)}.dest-type-card__check{background:#38bdf8;background:var(--type-color,var(--color-primary,#38bdf8));border-radius:50%;color:#05080d;color:var(--bg-void,#05080d);height:24px;left:8px;left:var(--space-sm,8px);position:absolute;top:8px;top:var(--space-sm,8px);width:24px}.dest-type-card__check,.dest-type-card__icon{align-items:center;display:flex;justify-content:center}.dest-type-card__icon{background:#38bdf81a;background:var(--type-bg,#38bdf81a);border:1px solid #38bdf84d;border:1px solid var(--type-border,#38bdf84d);border-radius:8px;border-radius:var(--radius-md,8px);height:56px;width:56px}.dest-type-card__info{display:flex;flex-direction:column;gap:4px;gap:var(--space-xs,4px)}.dest-type-card__label{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-family:Space Grotesk,sans-serif;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:16px;font-size:var(--text-base,16px);font-weight:600}.dest-type-card__description{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:14px;font-size:var(--text-sm,14px);line-height:1.4}.dest-type-card__features{border-top:1px solid #94a3b81f;border-top:1px solid var(--border-color,#94a3b81f);display:flex;flex-direction:column;gap:4px;gap:var(--space-xs,4px);margin-top:auto;padding-top:16px;padding-top:var(--space-md,16px);width:100%}.dest-type-card__feature{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;font-size:14px;font-size:var(--text-sm,14px);gap:4px;gap:var(--space-xs,4px)}.dest-type-card__feature svg{color:#22c55e;color:var(--color-success,#22c55e);flex-shrink:0}@media (max-width:640px){.dest-type-tier__grid{grid-template-columns:1fr}.dest-type-card{padding:16px;padding:var(--space-md,16px)}.dest-type-card__icon{height:48px;width:48px}.dest-type-card__icon svg{height:24px;width:24px}}@media (min-width:900px){.dest-type-tier__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.field-mapping-autosuggest{background:#111827;background:var(--bg-panel,#111827);border:1px solid #94a3b81f;border:1px solid var(--border-color,#94a3b81f);border-radius:8px;margin:16px 0;margin:var(--space-md,16px) 0;overflow:hidden}.autosuggest-toggle{align-items:center;background:#8b5cf60d;border:none;cursor:pointer;display:flex;gap:8px;gap:var(--space-sm,8px);padding:16px;padding:var(--space-md,16px);text-align:left;transition:background .2s;width:100%}.autosuggest-toggle:hover:not(:disabled){background:#8b5cf61a}.autosuggest-toggle.expanded{border-bottom:1px solid #94a3b81f;border-bottom:1px solid var(--border-color,#94a3b81f)}.autosuggest-toggle .toggle-icon{color:#8b5cf6;color:var(--accent-purple,#8b5cf6)}.autosuggest-toggle .toggle-label{color:#f1f5f9;color:var(--text-primary,#f1f5f9);flex:1 1;font-weight:600}.autosuggest-toggle .mapping-count{background:#22c55e;background:var(--color-success,#22c55e);border-radius:12px;color:#05080d;color:var(--bg-void,#05080d);font-size:12px;font-weight:600;padding:2px 8px}.autosuggest-content{overflow:hidden;padding:16px;padding:var(--space-md,16px)}.autosuggest-error,.autosuggest-loading,.field-mapping-autosuggest .empty-state{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;flex-direction:column;gap:8px;gap:var(--space-sm,8px);justify-content:center;padding:24px;padding:var(--space-xl,24px)}.autosuggest-error{color:#ef4444;color:var(--color-error,#ef4444)}.autosuggest-error .retry-btn,.field-mapping-autosuggest .detect-btn{align-items:center;background:#8b5cf6;background:var(--accent-purple,#8b5cf6);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:4px;gap:var(--space-xs,4px);padding:8px 16px;padding:var(--space-sm,8px) var(--space-md,16px);transition:all .2s}.autosuggest-error .retry-btn:hover,.field-mapping-autosuggest .detect-btn:hover{background:#7c3aed;background:var(--accent-purple-hover,#7c3aed)}.suggestion-summary{align-items:center;background:#0d1420;background:var(--bg-elevated,#0d1420);border-radius:6px;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-md,16px);padding:8px 16px;padding:var(--space-sm,8px) var(--space-md,16px)}.summary-stats{display:flex;gap:16px;gap:var(--space-md,16px)}.summary-stats .stat{align-items:center;display:flex;font-size:13px;font-weight:500;gap:4px}.summary-stats .stat.high{color:#22c55e;color:var(--color-success,#22c55e)}.summary-stats .stat.medium{color:#f59e0b;color:var(--color-warning,#f59e0b)}.summary-stats .stat.low{color:#ef4444;color:var(--color-error,#ef4444)}.summary-actions{display:flex;gap:4px;gap:var(--space-xs,4px)}.accept-all-btn{align-items:center;background:#22c55e;background:var(--color-success,#22c55e);border:none;border-radius:4px;color:#05080d;color:var(--bg-void,#05080d);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s}.accept-all-btn:hover:not(:disabled){background:#16a34a;background:var(--color-success-hover,#16a34a)}.accept-all-btn:disabled{cursor:not-allowed;opacity:.5}.refresh-btn,.settings-btn{background:#0000;border:1px solid #94a3b81f;border:1px solid var(--border-color,#94a3b81f);border-radius:4px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;padding:6px;transition:all .2s}.refresh-btn:hover,.settings-btn:hover{border-color:#38bdf8;border-color:var(--color-primary,#38bdf8);color:#38bdf8;color:var(--color-primary,#38bdf8)}.settings-panel{background:#8b5cf60d;border-radius:6px;margin-bottom:16px;margin-bottom:var(--space-md,16px);overflow:hidden;padding:16px;padding:var(--space-md,16px)}.setting-row,.setting-row label{align-items:center;display:flex}.setting-row label{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:14px;gap:16px;gap:var(--space-md,16px);width:100%}.setting-row input[type=range]{accent-color:#8b5cf6;accent-color:var(--accent-purple,#8b5cf6);flex:1 1}.setting-row .value{color:#8b5cf6;color:var(--accent-purple,#8b5cf6);font-weight:600;min-width:40px}.setting-hint{color:#64748b;color:var(--text-muted,#64748b);font-size:12px;margin:8px 0 0;margin:var(--space-sm,8px) 0 0}.suggestions-list{display:flex;flex-direction:column;gap:8px;gap:var(--space-sm,8px);max-height:400px}.suggestion-row{grid-gap:8px;grid-gap:var(--space-sm,8px);align-items:center;background:#0d1420;background:var(--bg-elevated,#0d1420);border:1px solid #94a3b81f;border:1px solid var(--border-color,#94a3b81f);border-radius:6px;display:grid;gap:8px;gap:var(--space-sm,8px);grid-template-columns:1fr auto 1fr auto auto;padding:8px 16px;padding:var(--space-sm,8px) var(--space-md,16px);transition:all .2s}.suggestion-row.high{background:#22c55e0d;border-color:#22c55e4d}.suggestion-row.medium{background:#f59e0b0d;border-color:#f59e0b4d}.suggestion-row.low,.suggestion-row.none{border-color:#94a3b81f;border-color:var(--border-color,#94a3b81f);opacity:.7}.suggestion-row.rejected{opacity:.4;text-decoration:line-through}.suggestion-row.accepted{border-color:#22c55e;border-color:var(--color-success,#22c55e)}.suggestion-row .dest-field,.suggestion-row .form-field{display:flex;flex-direction:column;gap:2px}.suggestion-row .field-name{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-weight:600}.suggestion-row .dest-type,.suggestion-row .field-type{color:#8b5cf6;color:var(--accent-purple,#8b5cf6);font-size:11px;opacity:.8}.suggestion-row .mapping-arrow{color:#8b5cf6;color:var(--accent-purple,#8b5cf6)}.suggestion-row .dest-select{background:#111827;background:var(--bg-panel,#111827);border:1px solid #94a3b81f;border:1px solid var(--border-color,#94a3b81f);border-radius:4px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:13px;min-width:150px;padding:6px 8px}.suggestion-row .dest-select.no-match{background:#ef44440d;border-color:#ef4444;border-color:var(--color-error,#ef4444)}.suggestion-row .confidence-badge{align-items:center;background:#ffffff0d;border-radius:4px;display:flex;flex-direction:column;gap:2px;min-width:60px;padding:4px 8px}.suggestion-row .confidence-value{font-size:14px;font-weight:700}.suggestion-row.high .confidence-value{color:#22c55e;color:var(--color-success,#22c55e)}.suggestion-row.medium .confidence-value{color:#f59e0b;color:var(--color-warning,#f59e0b)}.suggestion-row.low .confidence-value,.suggestion-row.none .confidence-value{color:#ef4444;color:var(--color-error,#ef4444)}.suggestion-row .match-type{color:#64748b;color:var(--text-muted,#64748b);font-size:10px;text-align:center}.suggestion-actions{display:flex;gap:4px}.action-btn{border:none;border-radius:4px;cursor:pointer;padding:4px;transition:all .2s}.action-btn.accept{background:#22c55e1a;color:#22c55e;color:var(--color-success,#22c55e)}.action-btn.accept.active,.action-btn.accept:hover{background:#22c55e;background:var(--color-success,#22c55e);color:#05080d;color:var(--bg-void,#05080d)}.action-btn.reject{background:#ef44441a;color:#ef4444;color:var(--color-error,#ef4444)}.action-btn.reject.active,.action-btn.reject:hover{background:#ef4444;background:var(--color-error,#ef4444);color:#fff}.apply-section{align-items:center;border-top:1px solid #94a3b81f;border-top:1px solid var(--border-color,#94a3b81f);display:flex;justify-content:space-between;margin-top:16px;margin-top:var(--space-md,16px);padding-top:16px;padding-top:var(--space-md,16px)}.apply-info{color:#64748b;color:var(--text-muted,#64748b);font-size:13px}.apply-btn,.apply-info{align-items:center;display:flex;gap:8px;gap:var(--space-sm,8px)}.apply-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--accent-purple,#8b5cf6) 0,var(--accent-pink,#ec4899) 100%);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;padding:var(--space-sm,8px) var(--space-lg,20px);transition:transform .2s,box-shadow .2s}.apply-btn:hover:not(:disabled){box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.apply-btn:disabled{cursor:not-allowed;opacity:.5}.field-mapping-autosuggest .spin{animation:autosuggest-spin 1s linear infinite}@keyframes autosuggest-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.suggestion-row{gap:4px;gap:var(--space-xs,4px);grid-template-columns:1fr}.suggestion-row .mapping-arrow{display:none}.summary-actions{flex-wrap:wrap}.apply-section{flex-direction:column;gap:16px;gap:var(--space-md,16px)}.apply-btn{justify-content:center;width:100%}}.field-mapper{margin:16px 0;margin:var(--space-md,16px) 0}.field-mapper-info{background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:8px;margin-bottom:24px;margin-bottom:var(--space-xl,24px);padding:20px;padding:var(--space-lg,20px)}.field-mapper-info-header{align-items:center;display:flex;gap:8px;gap:var(--space-sm,8px);margin-bottom:8px;margin-bottom:var(--space-sm,8px)}.field-mapper-info-header svg{color:#8b5cf6;color:var(--accent-purple,#8b5cf6)}.field-mapper-info-header strong{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.field-mapper-info p{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:14px;font-size:var(--text-sm,14px);line-height:1.5;margin:0}.field-mapper-info p+p{margin-top:8px;margin-top:var(--space-sm,8px)}.field-mapper-info code{background:#8b5cf61a;border-radius:4px;color:#8b5cf6;color:var(--accent-purple,#8b5cf6);font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);padding:2px 6px}.field-mapper-section{margin-bottom:24px;margin-bottom:var(--space-xl,24px)}.field-mapper-section h4{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:18px;font-size:var(--text-lg,18px);margin-bottom:16px;margin-bottom:var(--space-md,16px)}.field-mapper-list{display:flex;flex-direction:column;gap:8px;gap:var(--space-sm,8px)}.field-mapper-item{align-items:center;background:#0d1420;background:var(--bg-elevated,#0d1420);border:1px solid #94a3b81f;border:1px solid var(--border-color,#94a3b81f);border-radius:6px;display:flex;gap:16px;gap:var(--space-md,16px);padding:16px;padding:var(--space-md,16px)}.field-mapper-item-name{color:#f1f5f9;color:var(--text-primary,#f1f5f9);flex:1 1;font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:16px;font-size:var(--text-base,16px);font-weight:600}.field-mapper-item-arrow{font-size:18px;font-size:var(--text-lg,18px)}.field-mapper-item-arrow,.field-mapper-item-column{color:#8b5cf6;color:var(--accent-purple,#8b5cf6);font-weight:800}.field-mapper-item-column{font-family:Space Grotesk,sans-serif;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:20px;font-size:var(--text-xl,20px);min-width:80px;text-align:center}.field-mapper-item-remove{align-items:center;background:#ef4444;background:var(--color-error,#ef4444);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;padding:var(--space-sm,8px);transition:all .2s}.field-mapper-item-remove:hover{background:#dc2626;background:var(--color-error-hover,#dc2626);transform:scale(1.05)}.field-mapper-add{grid-gap:16px;grid-gap:var(--space-md,16px);align-items:end;display:grid;gap:16px;gap:var(--space-md,16px);grid-template-columns:1fr auto 1fr auto}.field-mapper-add-group{display:flex;flex-direction:column}.field-mapper-add-group label{color:#f1f5f9;color:var(--text-primary,#f1f5f9);display:block;font-size:14px;font-size:var(--text-sm,14px);font-weight:600;margin-bottom:4px;margin-bottom:var(--space-xs,4px)}.field-mapper-add-group input{background:#0d1420;background:var(--bg-elevated,#0d1420);border:1px solid #94a3b81f;border:1px solid var(--border-color,#94a3b81f);border-radius:6px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:16px;font-size:var(--text-base,16px);padding:16px;padding:var(--space-md,16px);transition:all .2s;width:100%}.field-mapper-add-group input:focus{border-color:#8b5cf6;border-color:var(--accent-purple,#8b5cf6);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.field-mapper-add-group input::placeholder{color:#64748b;color:var(--text-muted,#64748b)}.field-mapper-add-group input.column-input{font-weight:800;text-align:center;text-transform:uppercase}.field-mapper-add-arrow{color:#8b5cf6;color:var(--accent-purple,#8b5cf6);font-size:24px;font-size:var(--text-2xl,24px);font-weight:800;padding-bottom:12px}.field-mapper-add-btn{align-items:center;background:#22c55e;background:var(--color-success,#22c55e);border:none;border-radius:6px;color:#05080d;color:var(--bg-void,#05080d);cursor:pointer;display:flex;justify-content:center;padding:16px;padding:var(--space-md,16px);transition:all .2s}.field-mapper-add-btn:hover{background:#16a34a;background:var(--color-success-hover,#16a34a);transform:scale(1.05)}@media (max-width:768px){.field-mapper-add{gap:8px;gap:var(--space-sm,8px);grid-template-columns:1fr}.field-mapper-add-arrow{display:none}.field-mapper-item{flex-wrap:wrap}.field-mapper-item-name{width:100%}}.advanced-options-section{background:#111827;background:var(--bg-panel,#111827);border:1px solid #94a3b81f;border:1px solid var(--border-color,#94a3b81f);border-radius:8px;margin-top:20px;margin-top:var(--space-lg,20px);overflow:hidden}.advanced-options-toggle{align-items:center;background:#8b5cf60d;border:none;color:#f1f5f9;color:var(--text-primary,#f1f5f9);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;gap:var(--space-sm,8px);padding:16px;padding:var(--space-md,16px);text-align:left;transition:background .2s;width:100%}.advanced-options-toggle:hover{background:#8b5cf61a}.advanced-options-toggle svg{color:#8b5cf6;color:var(--accent-purple,#8b5cf6);flex-shrink:0}.advanced-options-toggle span{flex:1 1}.advanced-options-content{border-top:1px solid #94a3b81f;border-top:1px solid var(--border-color,#94a3b81f);overflow:hidden;padding:16px;padding:var(--space-md,16px)}.advanced-options-description{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:13px;line-height:1.5;margin:0 0 16px;margin:0 0 var(--space-md,16px)}.filter-badge{align-items:center;background:#38bdf8;background:var(--color-primary,#38bdf8);border-radius:10px;color:#05080d;color:var(--bg-void,#05080d);display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.field-mappings-list{flex-direction:column;margin-bottom:16px;margin-bottom:var(--space-md,16px)}.field-mapping-row,.field-mappings-list{display:flex;gap:8px;gap:var(--space-sm,8px)}.field-mapping-row{align-items:center}.mapping-input{background:#0d1420;background:var(--bg-elevated,#0d1420);border:1px solid #94a3b81f;border:1px solid var(--border-color,#94a3b81f);border-radius:6px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);flex:1 1;font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:14px;padding:8px 16px;padding:var(--space-sm,8px) var(--space-md,16px);transition:all .2s}.mapping-input:focus{border-color:#8b5cf6;border-color:var(--accent-purple,#8b5cf6);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.mapping-input::placeholder{color:#64748b;color:var(--text-muted,#64748b)}.mapping-input.to{font-weight:600}.mapping-arrow{color:#8b5cf6;color:var(--accent-purple,#8b5cf6);flex-shrink:0;font-size:18px;font-weight:800;padding:0 4px;padding:0 var(--space-xs,4px)}.mapping-remove-btn{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#ef4444;color:var(--color-error,#ef4444);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.mapping-remove-btn:hover{background:#ef4444;background:var(--color-error,#ef4444);border-color:#ef4444;border-color:var(--color-error,#ef4444);color:#fff}.field-mapping-add{margin-top:8px;margin-top:var(--space-sm,8px)}.filter-add-btn{align-items:center;background:#22c55e;background:var(--color-success,#22c55e);border:none;border-radius:6px;color:#05080d;color:var(--bg-void,#05080d);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.filter-add-btn:hover:not(:disabled){background:#16a34a;background:var(--color-success-hover,#16a34a);transform:scale(1.05)}.filter-add-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.default-filters-info{align-items:flex-start;background:#38bdf80d;border:1px solid #38bdf833;border-radius:6px;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;font-size:13px;gap:8px;gap:var(--space-sm,8px);line-height:1.5;margin-top:16px;margin-top:var(--space-md,16px);padding:8px 16px;padding:var(--space-sm,8px) var(--space-md,16px)}.default-filters-info svg{color:#38bdf8;color:var(--color-info,#38bdf8);flex-shrink:0;margin-top:2px}.default-filters-info strong{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}@media (max-width:640px){.field-mapping-row{flex-wrap:wrap}.mapping-input{flex:1 1 100%;min-width:0}.mapping-arrow{display:none}.filter-add-btn,.mapping-remove-btn{height:36px;width:100%}}.filter-section{margin-bottom:20px;margin-bottom:var(--space-lg,20px)}.filter-section:last-of-type{margin-bottom:0}.filter-label{color:#f1f5f9;color:var(--text-primary,#f1f5f9);display:flex;font-weight:600;gap:8px;gap:var(--space-sm,8px);margin-bottom:4px;margin-bottom:var(--space-xs,4px)}.filter-label,.filter-label-icon{align-items:center;font-size:14px}.filter-label-icon{border-radius:4px;display:inline-flex;font-weight:700;height:20px;justify-content:center;width:20px}.filter-label-icon.include{background:#22c55e26;color:#22c55e;color:var(--color-success,#22c55e)}.filter-label-icon.exclude{background:#ef444426;color:#ef4444;color:var(--color-error,#ef4444)}.filter-hint{color:#64748b;color:var(--text-muted,#64748b);font-size:12px;line-height:1.4;margin:0 0 8px;margin:0 0 var(--space-sm,8px)}.filter-tags{align-items:center;display:flex;flex-wrap:wrap;gap:4px;gap:var(--space-xs,4px)}.filter-tag{align-items:center;border-radius:4px;display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:13px;font-weight:500;gap:4px;padding:4px 8px}.filter-tag.include{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e;color:var(--color-success,#22c55e)}.filter-tag.exclude{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444;color:var(--color-error,#ef4444)}.filter-tag-remove{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;height:16px;justify-content:center;opacity:.6;padding:0;transition:opacity .2s;width:16px}.filter-tag-remove:hover{opacity:1}.filter-tag.include .filter-tag-remove{color:#22c55e;color:var(--color-success,#22c55e)}.filter-tag.exclude .filter-tag-remove{color:#ef4444;color:var(--color-error,#ef4444)}.filter-input-wrapper{align-items:center;display:flex;gap:4px;gap:var(--space-xs,4px)}.filter-input{background:#0d1420;background:var(--bg-elevated,#0d1420);border:1px solid #94a3b81f;border:1px solid var(--border-color,#94a3b81f);border-radius:4px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:13px;min-width:100px;padding:6px 10px;transition:all .2s}.filter-input:focus{border-color:#8b5cf6;border-color:var(--accent-purple,#8b5cf6);box-shadow:0 0 0 2px #8b5cf61a;outline:none}.filter-input::placeholder{color:#64748b;color:var(--text-muted,#64748b)}@media (max-width:640px){.filter-tags{gap:8px;gap:var(--space-sm,8px)}.filter-input-wrapper{width:100%}.filter-input{flex:1 1;min-width:0}}.test-step{display:flex;flex-direction:column;gap:24px;gap:var(--space-lg,24px);padding:16px 0;padding:var(--space-md,16px) 0}.destination-summary{background:linear-gradient(135deg,#6366f114,#8b5cf60a);border:1px solid #6366f133;border-radius:12px;border-radius:var(--radius-lg,12px);overflow:hidden;padding:24px;padding:var(--space-lg,24px);position:relative}.destination-summary:before{background:linear-gradient(90deg,#6366f1,#8b5cf6,#06b6d4);background:linear-gradient(90deg,var(--color-primary,#6366f1),var(--accent-purple,#8b5cf6),var(--accent-cyan,#06b6d4));content:"";height:3px;left:0;position:absolute;right:0;top:0}.destination-summary h4{align-items:center;color:#f1f5f9;color:var(--text-primary,#f1f5f9);display:flex;font-family:Space Grotesk,sans-serif;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:16px;font-weight:600;gap:8px;gap:var(--space-sm,8px);margin:0 0 16px;margin:0 0 var(--space-md,16px)}.destination-summary h4:before{content:"📋";font-size:18px}.summary-row{align-items:flex-start;border-bottom:1px solid #94a3b814;display:flex;gap:16px;gap:var(--space-md,16px);justify-content:space-between;padding:8px 0;padding:var(--space-sm,8px) 0}.summary-row:last-child{border-bottom:none;padding-bottom:0}.summary-row:first-of-type{padding-top:0}.summary-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);flex-shrink:0;font-size:13px;font-weight:500;min-width:120px}.summary-value{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:14px;font-weight:500;text-align:right;word-break:break-word}.summary-value.mono{background:#06b6d41a;border-radius:4px;color:#06b6d4;color:var(--accent-cyan,#06b6d4);font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:12px;padding:4px 8px}.test-section{background:#0d1420;background:var(--bg-elevated,#0d1420);border:1px solid #94a3b81f;border:1px solid var(--border-color,#94a3b81f);border-radius:12px;border-radius:var(--radius-lg,12px);display:flex;flex-direction:column;gap:16px;gap:var(--space-md,16px);padding:24px;padding:var(--space-lg,24px)}.btn-test{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--color-primary,#6366f1) 0,var(--accent-purple,#8b5cf6) 100%);border:none;border-radius:8px;border-radius:var(--radius-md,8px);color:#fff;cursor:pointer;display:inline-flex;font-family:Space Grotesk,sans-serif;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:15px;font-weight:600;gap:8px;gap:var(--space-sm,8px);justify-content:center;overflow:hidden;padding:16px 32px;padding:var(--space-md,16px) var(--space-xl,32px);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-test:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-test:hover:not(:disabled){box-shadow:0 8px 25px #6366f159;transform:translateY(-2px)}.btn-test:hover:not(:disabled):before{left:100%}.btn-test:active:not(:disabled){transform:translateY(0)}.btn-test:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-test svg{flex-shrink:0}.spin{animation:spin 1s linear infinite}.test-result{align-items:center;border-radius:8px;border-radius:var(--radius-md,8px);display:flex;font-size:14px;font-weight:500;gap:8px;gap:var(--space-sm,8px);padding:16px;padding:var(--space-md,16px)}.test-result svg{flex-shrink:0}.test-result.success{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:1px solid #22c55e4d}.test-result.success,.test-result.success svg{color:#22c55e;color:var(--color-success,#22c55e)}.test-result.error{background:linear-gradient(135deg,#ef444426,#ef44440d);border:1px solid #ef44444d}.test-result.error,.test-result.error svg{color:#ef4444;color:var(--color-error,#ef4444)}@media (max-width:640px){.test-step{gap:16px;gap:var(--space-md,16px)}.destination-summary{padding:16px;padding:var(--space-md,16px)}.destination-summary h4{font-size:14px}.summary-row{flex-direction:column;gap:4px;gap:var(--space-xs,4px)}.summary-label{min-width:0;min-width:auto}.summary-value{text-align:left}.btn-test,.test-section{padding:16px;padding:var(--space-md,16px)}.btn-test{width:100%}}.confirmation-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.confirmation-modal{background:linear-gradient(145deg,#111827fa,#0f172afa);border:1px solid #94a3b826;border-radius:16px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d,0 0 60px -15px #ef44444d;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d,0 0 60px -15px var(--glow-color,#ef44444d);max-width:420px;padding:32px;position:relative;text-align:center;width:100%}.confirmation-modal:before{animation:borderGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#0000 40%,#ef444433 50%,#0000 60%);background:linear-gradient(135deg,#0000 40%,var(--glow-color,#ef444433) 50%,#0000 60%);border-radius:17px;content:"";inset:-1px;opacity:.5;position:absolute;z-index:-1}@keyframes borderGlow{0%,to{opacity:.3;transform:rotate(0deg)}50%{opacity:.6}}.confirmation-modal-close{align-items:center;background:#94a3b81a;border:none;border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s ease;width:32px}.confirmation-modal-close:hover{background:#94a3b833;color:#f8fafc;color:var(--text-primary,#f8fafc)}.confirmation-modal-icon{align-items:center;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 20px;position:relative;width:64px}.confirmation-modal-icon:after{animation:pulseRing 2s ease-out infinite;border:2px solid;border-radius:50%;content:"";inset:-4px;opacity:.3;position:absolute}@keyframes pulseRing{0%{opacity:.3;transform:scale(1)}50%{opacity:.1;transform:scale(1.1)}to{opacity:.3;transform:scale(1)}}.confirmation-modal-title{color:#f8fafc;color:var(--text-primary,#f8fafc);font-size:1.375rem;font-weight:600;letter-spacing:-.02em;margin:0 0 12px}.confirmation-modal-message,.confirmation-modal-title{font-family:Inter,sans-serif;font-family:var(--font-display,"Inter",sans-serif)}.confirmation-modal-message{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.9375rem;line-height:1.6;margin:0 0 20px}.confirmation-modal-item-name{background:#94a3b81a;border:1px solid #94a3b826;border-radius:6px;color:#f8fafc;color:var(--text-primary,#f8fafc);display:inline-block;font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.875rem;font-weight:500;margin-top:8px;max-width:100%;overflow:hidden;padding:6px 12px;text-overflow:ellipsis;white-space:nowrap}.confirmation-modal-warning{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#fca5a5;display:inline-flex;font-size:.8125rem;gap:6px;margin-bottom:24px;padding:8px 14px}.confirmation-modal-warning svg{flex-shrink:0}.confirmation-modal-actions{display:flex;gap:12px;margin-top:8px}.confirmation-modal-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-display,"Inter",sans-serif);font-size:.9375rem;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.confirmation-modal-btn:disabled{cursor:not-allowed;opacity:.6}.confirmation-modal-btn-cancel{background:#94a3b81a;border:1px solid #94a3b833;color:#94a3b8;color:var(--text-secondary,#94a3b8)}.confirmation-modal-btn-cancel:hover:not(:disabled){background:#94a3b826;border-color:#94a3b84d;color:#f8fafc;color:var(--text-primary,#f8fafc)}.confirmation-modal-btn-confirm{color:#fff;font-weight:600}.confirmation-modal-btn-confirm:hover:not(:disabled){transform:translateY(-1px)}.confirmation-modal-loading{align-items:center;display:inline-flex;gap:8px}.confirmation-modal-loading .spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:480px){.confirmation-modal{margin:16px;max-width:calc(100% - 32px);padding:24px 20px}.confirmation-modal-icon{height:56px;margin-bottom:16px;width:56px}.confirmation-modal-icon svg{height:24px;width:24px}.confirmation-modal-title{font-size:1.25rem}.confirmation-modal-message{font-size:.875rem}.confirmation-modal-actions{flex-direction:column-reverse}.confirmation-modal-btn{padding:14px 20px}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}.confirmation-modal.shake{animation:shake .5s ease-in-out}.dashboard-page{--db-bg-void:#05080d;--db-bg-primary:#0a0f18;--db-bg-elevated:#0d1420;--db-bg-panel:#111827;--db-bg-card:#161f30;--db-bg-hover:#1a2540;--db-accent-primary:#38bdf8;--db-accent-glow:#0ea5e9;--db-accent-secondary:#818cf8;--db-success:#22c55e;--db-warning:#f59e0b;--db-error:#ef4444;--db-info:#3b82f6;--db-text-primary:#f1f5f9;--db-text-secondary:#94a3b8;--db-text-muted:#64748b;--db-text-dim:#475569;--db-border:#94a3b81f;--db-border-active:#38bdf84d;--db-shadow-sm:0 1px 2px #0006;--db-shadow-md:0 4px 12px #00000080;--db-shadow-lg:0 8px 32px #0009;--db-glow-primary:0 0 20px #38bdf84d;--db-font-display:"Space Grotesk",-apple-system,BlinkMacSystemFont,sans-serif;--db-font-data:"JetBrains Mono","SF Mono",Monaco,monospace;background:var(--db-bg-void);color:var(--db-text-primary);font-family:var(--db-font-display);min-height:100vh;position:relative}.dashboard-page:before{background-image:linear-gradient(#94a3b808 1px,#0000 0),linear-gradient(90deg,#94a3b808 1px,#0000 0);background-size:40px 40px;content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.dashboard-content{margin:0 auto;max-width:1400px;padding:1.5rem;position:relative;z-index:1}.db-header{border-bottom:1px solid var(--db-border);flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem;padding:1rem 0 1.5rem}.db-header,.db-header-left{align-items:center;display:flex;gap:1rem}.db-title{gap:.75rem}.db-title,.db-title-icon{align-items:center;display:flex}.db-title-icon{background:linear-gradient(135deg,var(--db-accent-primary),var(--db-accent-secondary));border-radius:10px;box-shadow:var(--db-glow-primary);color:var(--db-bg-void);height:40px;justify-content:center;width:40px}.db-title-text{-webkit-text-fill-color:#0000;background:linear-gradient(to right,var(--db-text-primary),var(--db-text-secondary));-webkit-background-clip:text;background-clip:text;font-family:var(--db-font-display);font-size:1.5rem;font-weight:600;letter-spacing:-.03em}.db-welcome{color:var(--db-text-secondary);font-size:.875rem}.db-header-right{align-items:center;display:flex;gap:.75rem}.db-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-family:var(--db-font-display);font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.db-btn-primary{background:linear-gradient(135deg,var(--db-accent-primary),var(--db-accent-glow));border:none;box-shadow:0 4px 12px #38bdf84d;color:var(--db-bg-void)}.db-btn-primary:hover{box-shadow:0 6px 16px #38bdf866;transform:translateY(-1px)}.db-btn-secondary{background:var(--db-bg-panel);border-color:var(--db-border);color:var(--db-text-primary)}.db-btn-secondary:hover{background:var(--db-bg-hover);border-color:var(--db-border-active)}.db-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.db-stat-card{background:var(--db-bg-panel);border:1px solid var(--db-border);border-radius:12px;overflow:hidden;padding:1.25rem;position:relative;transition:all .2s ease}.db-stat-card:before{background:linear-gradient(90deg,#0000,var(--db-accent-primary),#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.db-stat-card:hover{border-color:var(--db-border-active);transform:translateY(-2px)}.db-stat-card:hover:before{opacity:1}.db-stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.db-stat-label{color:var(--db-text-muted);font-family:var(--db-font-data);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase}.db-stat-icon{align-items:center;border-radius:8px;display:flex;font-size:1rem;height:32px;justify-content:center;width:32px}.db-stat-icon.primary{background:#38bdf81a;color:var(--db-accent-primary)}.db-stat-icon.success{background:#22c55e1a;color:var(--db-success)}.db-stat-icon.warning{background:#f59e0b1a;color:var(--db-warning)}.db-stat-value{color:var(--db-text-primary);font-family:var(--db-font-display);font-size:2rem;font-weight:700;letter-spacing:-.03em;line-height:1}.db-stat-value.primary{color:var(--db-accent-primary)}.db-stat-subtext{color:var(--db-text-dim);font-family:var(--db-font-data);font-size:.75rem;margin-top:.25rem}.db-section{background:var(--db-bg-panel);border:1px solid var(--db-border);border-radius:16px;margin-bottom:1.5rem;overflow:hidden}.db-section-header{align-items:center;background:var(--db-bg-card);border-bottom:1px solid var(--db-border);display:flex;justify-content:space-between;padding:1rem 1.5rem}.db-section-title{align-items:center;color:var(--db-text-primary);display:flex;font-family:var(--db-font-display);font-size:1rem;font-weight:600;gap:.5rem}.db-section-badge{background:var(--db-bg-panel);border:1px solid var(--db-border);border-radius:4px;color:var(--db-text-muted);font-family:var(--db-font-data);font-size:.6875rem;letter-spacing:.05em;padding:.25rem .5rem;text-transform:uppercase}.db-section-content{padding:1rem}.db-integration-card{background:var(--db-bg-elevated);border:1px solid var(--db-border);border-radius:12px;margin-bottom:1rem;overflow:hidden;transition:all .2s ease}.db-integration-card:last-child{margin-bottom:0}.db-integration-card:hover{border-color:var(--db-border-active)}.db-integration-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.25rem;transition:background .15s ease}.db-integration-header:hover{background:var(--db-bg-hover)}.db-integration-info{align-items:center;display:flex;flex:1 1;gap:1rem;min-width:0}.db-integration-icon{align-items:center;background:var(--db-bg-panel);border-radius:10px;display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.db-integration-details{flex:1 1;min-width:0}.db-integration-name{color:var(--db-text-primary);font-size:.9375rem;font-weight:600;margin-bottom:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-integration-meta{align-items:center;color:var(--db-text-muted);display:flex;font-family:var(--db-font-data);font-size:.75rem;gap:.75rem}.db-integration-status{align-items:center;display:flex;gap:.375rem}.db-status-dot{border-radius:50%;height:6px;width:6px}.db-status-dot.active{background:var(--db-success);box-shadow:0 0 6px var(--db-success)}.db-status-dot.inactive{background:var(--db-text-muted)}.db-integration-stats{align-items:center;display:flex;gap:1.5rem;padding-right:1rem}.db-integration-stat{text-align:center}.db-integration-stat-value{color:var(--db-accent-primary);font-family:var(--db-font-data);font-size:1rem;font-weight:600}.db-integration-stat-label{color:var(--db-text-dim);font-family:var(--db-font-data);font-size:.625rem;letter-spacing:.05em;text-transform:uppercase}.db-integration-expand{color:var(--db-text-muted);transition:transform .2s ease}.db-integration-expand.open{transform:rotate(180deg)}.db-integration-content{background:var(--db-bg-primary);border-top:1px solid var(--db-border);padding:1rem 1.25rem}.db-destinations-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:1rem}.db-destination-card{align-items:center;background:var(--db-bg-panel);border:1px solid var(--db-border);border-radius:8px;display:flex;gap:.75rem;padding:.875rem;transition:all .15s ease}.db-destination-card:hover{background:var(--db-bg-hover);border-color:var(--db-border-active)}.db-destination-icon{align-items:center;background:var(--db-bg-card);border-radius:8px;display:flex;flex-shrink:0;font-size:1.125rem;height:36px;justify-content:center;width:36px}.db-destination-info{flex:1 1;min-width:0}.db-destination-name{color:var(--db-text-primary);font-size:.8125rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-destination-type{color:var(--db-text-muted);font-size:.6875rem}.db-destination-status,.db-destination-type{font-family:var(--db-font-data);text-transform:uppercase}.db-destination-status{align-items:center;border-radius:4px;display:flex;font-size:.625rem;gap:.25rem;padding:.25rem .5rem}.db-destination-status.active{background:#22c55e1a;color:var(--db-success)}.db-destination-status.inactive{background:#64748b1a;color:var(--db-text-muted)}.db-webhook-section{align-items:center;background:var(--db-bg-panel);border:1px solid var(--db-border);border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.db-webhook-label{color:var(--db-text-muted);flex-shrink:0;font-family:var(--db-font-data);font-size:.6875rem;letter-spacing:.05em;text-transform:uppercase}.db-webhook-url{background:var(--db-bg-card);border-radius:4px;color:var(--db-text-secondary);flex:1 1;font-family:var(--db-font-data);font-size:.75rem;overflow:hidden;padding:.5rem .75rem;text-overflow:ellipsis;white-space:nowrap}.db-webhook-copy{background:#0000;border:1px solid var(--db-border);border-radius:6px;color:var(--db-text-secondary);cursor:pointer;padding:.5rem;transition:all .15s ease}.db-webhook-copy:hover{border-color:var(--db-accent-primary);color:var(--db-accent-primary)}.db-two-column{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));margin-bottom:1.5rem}.db-streak-card{background:linear-gradient(135deg,var(--db-bg-panel),var(--db-bg-card));border:1px solid var(--db-border);gap:1rem;padding:1.25rem}.db-streak-card,.db-streak-icon{align-items:center;border-radius:12px;display:flex}.db-streak-icon{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 4px 12px #f59e0b4d;font-size:1.5rem;height:48px;justify-content:center;width:48px}.db-streak-info{flex:1 1}.db-streak-value{color:var(--db-text-primary);font-family:var(--db-font-display);font-size:1.5rem;font-weight:700}.db-streak-label{color:var(--db-text-muted);font-family:var(--db-font-data);font-size:.75rem}.db-checklist{background:var(--db-bg-panel);border:1px solid var(--db-border);border-radius:12px;padding:1.25rem}.db-checklist-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.db-checklist-title{align-items:center;color:var(--db-text-primary);display:flex;font-size:.9375rem;font-weight:600;gap:.5rem}.db-checklist-progress{color:var(--db-accent-primary);font-family:var(--db-font-data);font-size:.75rem}.db-checklist-bar{background:var(--db-bg-card);border-radius:2px;height:4px;margin-bottom:1rem;overflow:hidden}.db-checklist-fill{background:var(--db-accent-primary);border-radius:2px;height:100%;transition:width .5s ease}.db-checklist-items{display:flex;flex-direction:column;gap:.5rem}.db-checklist-item{align-items:center;border-radius:6px;display:flex;gap:.75rem;padding:.5rem;transition:background .15s ease}.db-checklist-item:hover{background:var(--db-bg-hover)}.db-checklist-check{align-items:center;border:2px solid var(--db-border);border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.db-checklist-check.done{background:var(--db-success);border-color:var(--db-success);color:#fff}.db-checklist-label{color:var(--db-text-secondary);font-size:.8125rem}.db-checklist-label.done{color:var(--db-text-muted);text-decoration:line-through}.db-achievements{background:var(--db-bg-panel);border:1px solid var(--db-border);border-radius:12px;padding:1.25rem}.db-achievements-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.db-achievements-title{align-items:center;color:var(--db-text-primary);display:flex;font-size:.9375rem;font-weight:600;gap:.5rem}.db-achievements-grid{display:flex;flex-wrap:wrap;gap:.5rem}.db-achievement-badge{align-items:center;background:var(--db-bg-card);border:1px solid var(--db-border);border-radius:8px;display:flex;font-size:1.25rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.db-achievement-badge.unlocked{background:linear-gradient(135deg,var(--db-bg-card),var(--db-bg-hover));border-color:var(--db-accent-primary);box-shadow:0 0 12px #38bdf833}.db-achievement-badge.locked{filter:grayscale(1);opacity:.4}.db-empty-state{color:var(--db-text-muted);padding:3rem 2rem;text-align:center}.db-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.3}.db-empty-title{color:var(--db-text-secondary);font-size:1rem;font-weight:600;margin-bottom:.5rem}.db-empty-text{font-size:.875rem;margin-bottom:1.5rem}.db-loading{align-items:center;display:flex;justify-content:center;min-height:60vh}.db-spinner{animation:db-spin .8s linear infinite;border:3px solid var(--db-border);border-radius:50%;border-top-color:var(--db-accent-primary);height:40px;width:40px}@keyframes db-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.dashboard-content{padding:1rem}.db-header{align-items:flex-start;flex-direction:column}.db-header-right{justify-content:flex-start;width:100%}.db-stats-grid{grid-template-columns:repeat(2,1fr)}.db-stat-value{font-size:1.5rem}.db-integration-header{align-items:flex-start;flex-direction:column;gap:1rem}.db-integration-stats{justify-content:flex-start;padding-right:0;width:100%}.db-destinations-grid{grid-template-columns:1fr}.db-webhook-section{align-items:flex-start;flex-direction:column}.db-webhook-url{width:100%}}@media (max-width:480px){.db-stats-grid{grid-template-columns:1fr}.db-title-text{font-size:1.25rem}.db-btn{font-size:.8125rem;padding:.5rem 1rem}}.webhook-security-panel{background:#111827;background:var(--bg-panel,#111827);border:1px solid #94a3b81f;border:1px solid var(--border-color,#94a3b81f);border-radius:8px;margin-top:16px;margin-top:var(--space-md,16px);overflow:hidden}.security-header{background:#f59e0b0d;border:none;color:#f1f5f9;color:var(--text-primary,#f1f5f9);cursor:pointer;font-size:14px;font-weight:600;padding:16px;padding:var(--space-md,16px);transition:background .2s;width:100%}.security-header:hover{background:#f59e0b1a}.security-header-left{gap:8px;gap:var(--space-sm,8px)}.security-header-left svg{flex-shrink:0}.security-badge{border-radius:10px;font-size:11px;font-weight:600;padding:2px 8px}.security-badge.enabled{background:#22c55e26;color:#22c55e;color:var(--color-success,#22c55e)}.security-content{border-top:1px solid #94a3b81f;border-top:1px solid var(--border-color,#94a3b81f);overflow:hidden;padding:16px;padding:var(--space-md,16px)}.webhook-security-compact{position:relative}.security-toggle-btn{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.security-toggle-btn:hover{background:#f59e0b26;border-color:#f59e0b4d}.security-dropdown{background:#111827;background:var(--bg-panel,#111827);border:1px solid #94a3b81f;border:1px solid var(--border-color,#94a3b81f);border-radius:8px;box-shadow:0 10px 40px #0000004d;margin-top:8px;margin-top:var(--space-sm,8px);padding:16px;padding:var(--space-md,16px);position:absolute;right:0;top:100%;width:320px;z-index:100}.security-settings{display:flex;flex-direction:column;gap:16px;gap:var(--space-md,16px)}.security-loading{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:14px;gap:8px;gap:var(--space-sm,8px);padding:20px;padding:var(--space-lg,20px)}.security-option{align-items:flex-start;display:flex;gap:16px;gap:var(--space-md,16px);justify-content:space-between}.option-info{flex:1 1}.option-label{color:#f1f5f9;color:var(--text-primary,#f1f5f9);display:block;font-size:14px;font-weight:600;margin-bottom:4px}.option-description{color:#64748b;color:var(--text-muted,#64748b);font-size:12px;line-height:1.4;margin:0}.toggle-btn{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#ef4444;color:var(--color-error,#ef4444);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s}.toggle-btn:hover{background:#ef444426}.toggle-btn.active{background:#22c55e1a;border-color:#22c55e33;color:#22c55e;color:var(--color-success,#22c55e)}.toggle-btn.active:hover{background:#22c55e26}.toggle-btn:disabled{cursor:not-allowed;opacity:.6}.security-secret{background:#0d1420;background:var(--bg-elevated,#0d1420);border:1px solid #94a3b81f;border:1px solid var(--border-color,#94a3b81f);border-radius:6px;padding:8px 16px;padding:var(--space-sm,8px) var(--space-md,16px)}.secret-label{color:#64748b;color:var(--text-muted,#64748b);display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.secret-value-container{align-items:center;display:flex;gap:8px;gap:var(--space-sm,8px)}.secret-value{background:#0000;color:#f1f5f9;color:var(--text-primary,#f1f5f9);flex:1 1;font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:12px;word-break:break-all}.secret-actions{display:flex;flex-shrink:0;gap:4px}.secret-btn{align-items:center;background:#0000;border:1px solid #94a3b81f;border:1px solid var(--border-color,#94a3b81f);border-radius:4px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.secret-btn:hover{border-color:#38bdf8;border-color:var(--color-primary,#38bdf8);color:#38bdf8;color:var(--color-primary,#38bdf8)}.secret-btn.regenerate:hover{border-color:#f59e0b;border-color:var(--color-warning,#f59e0b);color:#f59e0b;color:var(--color-warning,#f59e0b)}.secret-btn:disabled{cursor:not-allowed;opacity:.5}.security-info{align-items:flex-start;background:#38bdf80d;border:1px solid #38bdf826;border-radius:6px;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;font-size:12px;gap:8px;gap:var(--space-sm,8px);line-height:1.4;padding:8px 16px;padding:var(--space-sm,8px) var(--space-md,16px)}.security-info svg{color:#38bdf8;color:var(--color-info,#38bdf8);flex-shrink:0;margin-top:2px}.security-info strong{color:#f1f5f9;color:var(--text-primary,#f1f5f9);display:block;margin-bottom:4px}.security-info p{margin:0}.security-info code{background:#38bdf81a;border-radius:3px;color:#38bdf8;color:var(--color-info,#38bdf8);font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:11px;padding:1px 4px}.security-warning{align-items:center;background:#f59e0b0d;border:1px solid #f59e0b33;border-radius:6px;color:#f59e0b;color:var(--color-warning,#f59e0b);display:flex;font-size:12px;gap:8px;gap:var(--space-sm,8px);padding:8px 16px;padding:var(--space-sm,8px) var(--space-md,16px)}.security-warning svg{flex-shrink:0}@media (max-width:640px){.security-dropdown{right:-100px;width:280px}.security-option{flex-direction:column;gap:8px;gap:var(--space-sm,8px)}.toggle-btn{justify-content:center;width:100%}.secret-value-container{align-items:stretch;flex-direction:column}.secret-actions{justify-content:flex-end}}.billing-page{min-height:100vh;overflow-x:hidden;padding:0;position:relative}.billing-page:before{background:radial-gradient(ellipse 80% 50% at 20% 40%,#8b5cf626 0,#0000 50%),radial-gradient(ellipse 60% 40% at 80% 20%,#38bdf81a 0,#0000 50%),radial-gradient(ellipse 50% 30% at 50% 80%,#ec489914 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.billing-content{margin:0 auto;max-width:1400px;padding:40px 24px 80px;position:relative;z-index:1}.billing-hero{margin-bottom:48px;padding-top:20px;text-align:center}.billing-badge{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:100px;color:#a78bfa;color:var(--accent-purple,#a78bfa);display:inline-flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.02em;margin-bottom:20px;padding:6px 16px}.billing-badge svg{height:14px;width:14px}.billing-title{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-family:Space Grotesk,sans-serif;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:clamp(32px,5vw,48px);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0 0 16px}.billing-title-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#38bdf8,#8b5cf6 50%,#ec4899);background:linear-gradient(135deg,var(--color-primary,#38bdf8) 0,var(--accent-purple,#8b5cf6) 50%,var(--accent-pink,#ec4899) 100%);-webkit-background-clip:text;background-clip:text}.billing-subtitle{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:18px;line-height:1.6;margin:0 auto;max-width:500px}.billing-toggle-wrapper{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:32px}.billing-toggle-container{align-items:center;background:#0d1420;background:var(--bg-elevated,#0d1420);border:1px solid #94a3b81f;border:1px solid var(--border-color,#94a3b81f);border-radius:100px;display:flex;padding:4px;position:relative}.billing-toggle-option{background:#0000;border:none;border-radius:100px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;position:relative;transition:color .2s ease;z-index:1}.billing-toggle-option.active{color:#05080d;color:var(--bg-void,#05080d)}.billing-toggle-slider{background:linear-gradient(135deg,#38bdf8,#06b6d4);background:linear-gradient(135deg,var(--color-primary,#38bdf8) 0,var(--accent-cyan,#06b6d4) 100%);border-radius:100px;box-shadow:0 2px 8px #38bdf84d;height:calc(100% - 8px);position:absolute;top:4px;transition:all .3s cubic-bezier(.4,0,.2,1)}.billing-toggle-slider.monthly{left:4px;width:calc(50% - 4px)}.billing-toggle-slider.annual{left:50%;width:calc(50% - 4px)}.billing-savings-badge{align-items:center;animation:pulse-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#22c55e26,#10b98126);border:1px solid #22c55e4d;border-radius:100px;color:#22c55e;color:var(--color-success,#22c55e);display:inline-flex;font-size:12px;font-weight:700;gap:4px;padding:4px 12px}.billing-current-sub{align-items:center;background:#111827;background:var(--bg-panel,#111827);border:1px solid #94a3b81f;border:1px solid var(--border-color,#94a3b81f);border-radius:16px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto 48px;max-width:800px;padding:24px 32px}.billing-current-sub-info{align-items:center;display:flex;gap:16px}.billing-current-sub-icon{align-items:center;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.billing-current-sub-icon.pro{background:linear-gradient(135deg,#8b5cf633,#ec489933)}.billing-current-sub-icon.agency{background:linear-gradient(135deg,#f59e0b33,#ef444433)}.billing-current-sub-details h3{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:16px;font-weight:600;margin:0 0 4px}.billing-current-sub-details p{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:13px;margin:0}.billing-current-sub-status{align-items:center;border-radius:100px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 12px}.billing-current-sub-status.active{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55e;color:var(--color-success,#22c55e)}.billing-current-sub-status.active:before{animation:status-pulse 2s ease-in-out infinite;background:#22c55e;background:var(--color-success,#22c55e);border-radius:50%;content:"";height:6px;width:6px}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.billing-current-sub-actions{display:flex;gap:12px}.billing-manage-btn{align-items:center;background:#0000;border:1px solid #94a3b81f;border:1px solid var(--border-color,#94a3b81f);border-radius:8px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.billing-manage-btn:hover{background:#38bdf80d;border-color:#38bdf8;border-color:var(--color-primary,#38bdf8);color:#38bdf8;color:var(--color-primary,#38bdf8)}.billing-manage-btn svg{height:16px;width:16px}.billing-pricing-grid{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:0 auto 64px;max-width:1200px}@media (max-width:1024px){.billing-pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.billing-pricing-grid{grid-template-columns:1fr;max-width:400px}}.billing-card{background:#111827;background:var(--bg-panel,#111827);border:1px solid #94a3b81f;border:1px solid var(--border-color,#94a3b81f);border-radius:20px;display:flex;flex-direction:column;padding:32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.billing-card:hover{border-color:#94a3b833;box-shadow:0 20px 40px -12px #0000004d;transform:translateY(-4px)}.billing-card.popular{background:linear-gradient(180deg,#8b5cf614,#111827);background:linear-gradient(180deg,#8b5cf614 0,var(--bg-panel,#111827) 100%);background-clip:padding-box;border:2px solid #0000;position:relative}.billing-card.popular:before{background:linear-gradient(135deg,#8b5cf6,#ec4899 50%,#38bdf8);background:linear-gradient(135deg,var(--accent-purple,#8b5cf6) 0,var(--accent-pink,#ec4899) 50%,var(--color-primary,#38bdf8) 100%);border-radius:22px;content:"";inset:-2px;opacity:1;position:absolute;z-index:-1}.billing-card.popular:after{background:#111827;background:var(--bg-panel,#111827);background:linear-gradient(180deg,#8b5cf614,#111827);background:linear-gradient(180deg,#8b5cf614 0,var(--bg-panel,#111827) 100%);border-radius:20px;content:"";inset:0;position:absolute;z-index:-1}.billing-card.popular:hover{box-shadow:0 20px 40px -12px #8b5cf64d,0 0 60px -12px #8b5cf633;transform:translateY(-8px)}.billing-popular-badge{background:linear-gradient(135deg,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--accent-purple,#8b5cf6) 0,var(--accent-pink,#ec4899) 100%);border-radius:100px;box-shadow:0 4px 12px #8b5cf666;color:#fff;font-size:11px;font-weight:700;left:50%;letter-spacing:.1em;padding:6px 20px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.billing-card-header{border-bottom:1px solid #94a3b81f;border-bottom:1px solid var(--border-color,#94a3b81f);margin-bottom:24px;padding-bottom:24px;text-align:center}.billing-card-icon{align-items:center;border-radius:16px;display:flex;font-size:28px;height:56px;justify-content:center;margin:0 auto 16px;transition:transform .3s ease;width:56px}.billing-card:hover .billing-card-icon{transform:scale(1.1)}.billing-card-icon.starter{background:linear-gradient(135deg,#94a3b833,#64748b33)}.billing-card-icon.growth{background:linear-gradient(135deg,#8b5cf633,#ec489933)}.billing-card-icon.scale{background:linear-gradient(135deg,#f59e0b33,#ea580c33)}.billing-card-name{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-family:Space Grotesk,sans-serif;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:22px;font-weight:600;margin:0 0 8px}.billing-card-desc{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:14px;line-height:1.5;margin:0 0 20px}.billing-card-price{align-items:baseline;display:flex;gap:4px;justify-content:center}.billing-card-currency{align-self:flex-start;color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:20px;font-weight:600;margin-top:8px}.billing-card-amount{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-family:Space Grotesk,sans-serif;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:48px;font-weight:700;line-height:1}.billing-card.popular .billing-card-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--accent-purple,#8b5cf6) 0,var(--accent-pink,#ec4899) 100%);-webkit-background-clip:text;background-clip:text}.billing-card-period{color:#64748b;color:var(--text-muted,#64748b);font-size:14px}.billing-card-savings{color:#22c55e;color:var(--color-success,#22c55e);font-size:12px;font-weight:600;margin-top:8px}.billing-card-features{flex:1 1;margin-bottom:24px}.billing-feature{align-items:flex-start;display:flex;gap:12px;padding:10px 0}.billing-feature:not(:last-child){border-bottom:1px solid #94a3b80f}.billing-feature-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:1px;width:20px}.billing-feature-icon.included{background:#22c55e1a;color:#22c55e;color:var(--color-success,#22c55e)}.billing-feature-icon.excluded{background:#64748b1a;color:#64748b;color:var(--text-muted,#64748b)}.billing-feature-icon svg{height:12px;width:12px}.billing-feature-text{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:14px;line-height:1.4}.billing-feature.excluded .billing-feature-text{color:#64748b;color:var(--text-muted,#64748b);opacity:.6;text-decoration:line-through}.billing-card-cta{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s ease;width:100%}.billing-card-cta svg{height:18px;width:18px}.billing-card-cta.upgrade{background:linear-gradient(135deg,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--accent-purple,#8b5cf6) 0,var(--accent-pink,#ec4899) 100%);border:none;box-shadow:0 4px 12px #8b5cf64d;color:#fff}.billing-card-cta.upgrade:hover{box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.billing-card-cta.secondary{background:#0000;border:1px solid #94a3b833;border:1px solid var(--border-color,#94a3b833);color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.billing-card-cta.secondary:hover{background:#38bdf80d;border-color:#38bdf8;border-color:var(--color-primary,#38bdf8);color:#38bdf8;color:var(--color-primary,#38bdf8)}.billing-card-cta.current{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55e;color:var(--color-success,#22c55e);cursor:default}.billing-card-cta.downgrade{background:#0000;border:1px solid #ef44444d;color:#ef4444;color:var(--color-error,#ef4444)}.billing-card-cta.downgrade:hover{background:#ef44440d;border-color:#ef4444;border-color:var(--color-error,#ef4444)}.billing-card-cta:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.billing-benefits{margin-top:80px;text-align:center}.billing-benefits-title{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-family:Space Grotesk,sans-serif;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:28px;font-weight:600;margin:0 0 40px}.billing-benefits-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px}@media (max-width:1024px){.billing-benefits-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.billing-benefits-grid{grid-template-columns:1fr;max-width:400px}}.billing-benefit-card{background:#111827;background:var(--bg-panel,#111827);border:1px solid #94a3b81f;border:1px solid var(--border-color,#94a3b81f);border-radius:16px;padding:28px 24px;transition:all .3s ease}.billing-benefit-card:hover{border-color:#8b5cf64d;transform:translateY(-4px)}.billing-benefit-icon{align-items:center;background:linear-gradient(135deg,#8b5cf626,#ec489926);border-radius:12px;color:#8b5cf6;color:var(--accent-purple,#8b5cf6);display:flex;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.billing-benefit-icon svg{height:24px;width:24px}.billing-benefit-title{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:16px;font-weight:600;margin:0 0 8px}.billing-benefit-desc{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:13px;line-height:1.5;margin:0}.billing-guarantee{background:linear-gradient(135deg,#22c55e0d,#10b9810d);border:1px solid #22c55e33;border-radius:20px;margin-left:auto;margin-right:auto;margin-top:64px;max-width:600px;padding:32px 40px;text-align:center}.billing-guarantee-icon{align-items:center;background:#22c55e1a;border-radius:50%;color:#22c55e;color:var(--color-success,#22c55e);display:flex;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.billing-guarantee-icon svg{height:28px;width:28px}.billing-guarantee-title{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-family:Space Grotesk,sans-serif;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:20px;font-weight:600;margin:0 0 8px}.billing-guarantee-text{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:14px;line-height:1.6;margin:0}.billing-trust{align-items:center;display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin-top:48px}.billing-trust-item{align-items:center;color:#64748b;color:var(--text-muted,#64748b);display:flex;font-size:13px;gap:8px}.billing-trust-item svg{color:#94a3b8;color:var(--text-secondary,#94a3b8);height:16px;width:16px}.billing-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.billing-modal{background:#111827;background:var(--bg-panel,#111827);border:1px solid #94a3b81f;border:1px solid var(--border-color,#94a3b81f);border-radius:20px;box-shadow:0 25px 50px -12px #00000080;max-width:480px;padding:32px;width:100%}.billing-modal-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.billing-modal-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--accent-purple,#8b5cf6) 0,var(--accent-pink,#ec4899) 100%);border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.billing-modal-icon svg{height:24px;width:24px}.billing-modal-title{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:20px;font-weight:600;margin:0 0 4px}.billing-modal-subtitle{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:14px;margin:0}.billing-modal-breakdown{background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:12px;margin-bottom:20px;padding:20px}.billing-modal-row{display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.billing-modal-row:not(:last-child){border-bottom:1px solid #8b5cf61a}.billing-modal-row.total{font-size:16px;font-weight:600;margin-top:4px;padding-top:12px}.billing-modal-label{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.billing-modal-value{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-weight:500}.billing-modal-value.credit{color:#22c55e;color:var(--color-success,#22c55e)}.billing-modal-message{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:13px;line-height:1.6;margin-bottom:24px}.billing-modal-actions{display:flex;gap:12px}.billing-modal-btn{border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.billing-modal-btn.cancel{background:#0000;border:1px solid #94a3b833;border:1px solid var(--border-color,#94a3b833);color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.billing-modal-btn.cancel:hover{border-color:#94a3b8;border-color:var(--text-secondary,#94a3b8)}.billing-modal-btn.confirm{align-items:center;background:linear-gradient(135deg,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--accent-purple,#8b5cf6) 0,var(--accent-pink,#ec4899) 100%);border:none;color:#fff;display:flex;flex:2 1;gap:8px;justify-content:center}.billing-modal-btn.confirm:hover{box-shadow:0 4px 12px #8b5cf666}.billing-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.billing-loading-spinner{animation:spin .8s linear infinite;border:3px solid #94a3b81f;border-top-color:#8b5cf6;border:3px solid var(--border-color,#94a3b81f);border-radius:50%;border-top-color:var(--accent-purple,#8b5cf6);height:40px;width:40px}.billing-loading-text{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:14px}@media (max-width:768px){.billing-content{padding:24px 16px 60px}.billing-hero{margin-bottom:32px}.billing-current-sub{padding:20px;text-align:center}.billing-current-sub,.billing-current-sub-info{flex-direction:column}.billing-current-sub-actions{flex-direction:column;width:100%}.billing-manage-btn{justify-content:center;width:100%}.billing-card,.billing-guarantee{padding:24px}.billing-trust{flex-direction:column;gap:16px}}.settings-page{--st-bg-void:#05080d;--st-bg-primary:#0a0f18;--st-bg-elevated:#0d1420;--st-bg-panel:#111827;--st-bg-card:#161f30;--st-bg-hover:#1a2540;--st-bg-input:#0f172a;--st-accent-primary:#38bdf8;--st-accent-glow:#0ea5e9;--st-accent-secondary:#818cf8;--st-accent-purple:#a78bfa;--st-success:#22c55e;--st-warning:#f59e0b;--st-error:#ef4444;--st-info:#3b82f6;--st-text-primary:#f1f5f9;--st-text-secondary:#94a3b8;--st-text-muted:#64748b;--st-text-dim:#475569;--st-border:#94a3b81f;--st-border-active:#38bdf84d;--st-border-subtle:#94a3b814;--st-shadow-sm:0 1px 2px #0006;--st-shadow-md:0 4px 12px #00000080;--st-shadow-lg:0 8px 32px #0009;--st-glow-primary:0 0 20px #38bdf84d;--st-font-display:"Space Grotesk",-apple-system,BlinkMacSystemFont,sans-serif;--st-font-data:"JetBrains Mono","SF Mono",Monaco,monospace;--st-space-xs:0.25rem;--st-space-sm:0.5rem;--st-space-md:1rem;--st-space-lg:1.5rem;--st-space-xl:2rem;--st-radius-sm:4px;--st-radius-md:8px;--st-radius-lg:12px;--st-radius-xl:16px;background:var(--st-bg-void);color:var(--st-text-primary);font-family:var(--st-font-display);min-height:100vh;position:relative}.settings-page:before{background-image:linear-gradient(#94a3b808 1px,#0000 0),linear-gradient(90deg,#94a3b808 1px,#0000 0);background-size:40px 40px;content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.settings-container{margin:0 auto;max-width:900px;padding:var(--st-space-xl);position:relative;z-index:1}.st-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:var(--st-space-xl)}.st-header,.st-header-left{align-items:center;display:flex;gap:var(--st-space-md)}.st-header-icon{align-items:center;background:linear-gradient(135deg,var(--st-accent-primary),var(--st-accent-secondary));border-radius:var(--st-radius-lg);box-shadow:var(--st-glow-primary);color:var(--st-bg-void);display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.st-header-content h1{align-items:center;color:var(--st-text-primary);display:flex;font-family:var(--st-font-display);font-size:1.5rem;font-weight:600;gap:var(--st-space-sm);letter-spacing:-.03em;margin:0 0 .25rem}.st-header-content p{color:var(--st-text-secondary);font-size:.875rem;margin:0}.st-header-badge{background:#38bdf81a;border:1px solid #38bdf833;border-radius:var(--st-radius-sm);color:var(--st-accent-primary);font-family:var(--st-font-data);font-size:.625rem;letter-spacing:.05em;padding:.25rem .5rem;text-transform:uppercase}.st-header-actions{display:flex;gap:var(--st-space-sm)}.st-btn{align-items:center;border:1px solid #0000;border-radius:var(--st-radius-md);cursor:pointer;display:inline-flex;font-family:var(--st-font-display);font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.st-btn:disabled{cursor:not-allowed;opacity:.5}.st-btn-primary{background:linear-gradient(135deg,var(--st-accent-primary),var(--st-accent-glow));border:none;box-shadow:0 4px 12px #38bdf84d;color:var(--st-bg-void)}.st-btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #38bdf866;transform:translateY(-1px)}.st-btn-secondary{background:var(--st-bg-panel);border-color:var(--st-border);color:var(--st-text-primary)}.st-btn-secondary:hover:not(:disabled){background:var(--st-bg-hover);border-color:var(--st-border-active)}.st-btn-ghost{background:#0000;border-color:#0000;color:var(--st-text-secondary);padding:.5rem .75rem}.st-btn-ghost:hover:not(:disabled){background:var(--st-bg-hover);color:var(--st-text-primary)}.st-btn-danger{background:#ef44441a;border-color:#ef44444d;color:var(--st-error)}.st-btn-danger:hover:not(:disabled){background:var(--st-error);border-color:var(--st-error);color:#fff}.st-card{background:var(--st-bg-panel);border:1px solid var(--st-border);border-radius:var(--st-radius-xl);margin-bottom:var(--st-space-lg);overflow:hidden}.st-card-header{background:var(--st-bg-card);border-bottom:1px solid var(--st-border);justify-content:space-between;padding:var(--st-space-md) var(--st-space-lg)}.st-card-header,.st-card-title{align-items:center;display:flex}.st-card-title{color:var(--st-text-primary);font-family:var(--st-font-display);font-size:1rem;font-weight:600;gap:.5rem}.st-card-content{padding:var(--st-space-lg)}.st-progress-bar{background:var(--st-bg-elevated);border-radius:3px;height:6px;margin-top:var(--st-space-md);overflow:hidden}.st-progress-fill{background:linear-gradient(90deg,var(--st-accent-primary),var(--st-accent-secondary));border-radius:3px;height:100%;transition:width .3s ease}.st-progress-fill.danger{background:var(--st-error)}.st-tabs{-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--st-border);display:flex;gap:var(--st-space-xs);margin-bottom:var(--st-space-xl);overflow-x:auto;padding-bottom:var(--st-space-sm);scrollbar-width:none}.st-tabs::-webkit-scrollbar{display:none}.st-tab{align-items:center;background:#0000;border:none;border-radius:var(--st-radius-md);color:var(--st-text-secondary);cursor:pointer;display:flex;font-family:var(--st-font-display);font-size:.875rem;font-weight:400;gap:var(--st-space-xs);padding:var(--st-space-sm) var(--st-space-md);transition:all .2s ease;white-space:nowrap}.st-tab:hover{background:var(--st-bg-hover);color:var(--st-text-primary)}.st-tab.active{background:#38bdf81a;color:var(--st-accent-primary);font-weight:600}.st-tab.danger{color:var(--st-error)}.st-tab.danger:hover{background:#ef44441a}.st-form-group{margin-bottom:var(--st-space-lg)}.st-label{color:var(--st-text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:var(--st-space-xs)}.st-label-hint{color:var(--st-text-muted);font-size:.75rem;font-weight:400;margin-top:var(--st-space-xs)}.st-input{background:var(--st-bg-input);border:1px solid var(--st-border);border-radius:var(--st-radius-md);color:var(--st-text-primary);font-family:var(--st-font-display);font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.st-input:focus{border-color:var(--st-accent-primary);box-shadow:0 0 0 3px #38bdf81a;outline:none}.st-input:disabled{background:var(--st-bg-elevated);cursor:not-allowed;opacity:.6}.st-input::placeholder{color:var(--st-text-dim)}.st-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--st-bg-input);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border:1px solid var(--st-border);border-radius:var(--st-radius-md);color:var(--st-text-primary);cursor:pointer;font-family:var(--st-font-display);font-size:.875rem;padding:.75rem 2.5rem .75rem 1rem;transition:all .2s ease;width:100%}.st-select:focus{border-color:var(--st-accent-primary);box-shadow:0 0 0 3px #38bdf81a;outline:none}.st-select:disabled{cursor:not-allowed;opacity:.6}.st-toggle-item{align-items:flex-start;background:var(--st-bg-elevated);border:1px solid var(--st-border);border-radius:var(--st-radius-md);cursor:pointer;display:flex;gap:var(--st-space-md);padding:var(--st-space-md);transition:all .2s ease}.st-toggle-item:hover{background:var(--st-bg-hover);border-color:var(--st-border-active)}.st-toggle-item.selected{background:#38bdf80d;border-color:var(--st-accent-primary)}.st-toggle-item input[type=checkbox],.st-toggle-item input[type=radio]{accent-color:var(--st-accent-primary);margin-top:4px}.st-toggle-content{flex:1 1}.st-toggle-title{color:var(--st-text-primary);font-weight:500;margin-bottom:2px}.st-toggle-desc{color:var(--st-text-muted);font-size:.75rem}.st-color-picker{display:flex;gap:var(--st-space-sm)}.st-color-swatch{border:none;border-radius:var(--st-radius-sm);cursor:pointer;height:40px;padding:0;width:48px}.st-member-list{display:flex;flex-direction:column;gap:var(--st-space-sm)}.st-member-row{align-items:center;background:var(--st-bg-elevated);border:1px solid var(--st-border);border-radius:var(--st-radius-md);display:flex;justify-content:space-between;padding:var(--st-space-md);transition:all .2s ease}.st-member-row:hover{border-color:var(--st-border-active)}.st-member-row.pending{opacity:.8}.st-member-info{align-items:center;display:flex;gap:var(--st-space-md)}.st-member-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.st-member-details{min-width:0}.st-member-name{align-items:center;color:var(--st-text-primary);display:flex;font-weight:500;gap:var(--st-space-xs)}.st-member-email{color:var(--st-text-muted);font-size:.8125rem}.st-member-meta{color:var(--st-text-dim);font-family:var(--st-font-data);font-size:.75rem}.st-member-actions{align-items:center;display:flex;gap:var(--st-space-md)}.st-role-badge{border-radius:var(--st-radius-sm);font-family:var(--st-font-data);font-size:.6875rem;letter-spacing:.03em;padding:.25rem .5rem;text-transform:uppercase}.st-role-badge.owner{background:#d4af3726;color:#d4af37}.st-role-badge.admin{background:#4f46e526;color:#818cf8}.st-role-badge.member{background:#22c55e26;color:var(--st-success)}.st-role-badge.viewer{background:#64748b26;color:var(--st-text-muted)}.st-dropdown{position:relative}.st-dropdown-menu{background:var(--st-bg-panel);border:1px solid var(--st-border);border-radius:var(--st-radius-md);box-shadow:var(--st-shadow-lg);margin-top:4px;min-width:180px;padding:var(--st-space-xs);position:absolute;right:0;top:100%;z-index:100}.st-dropdown-label{color:var(--st-text-dim);font-family:var(--st-font-data);font-size:.6875rem;letter-spacing:.05em;padding:var(--st-space-xs) var(--st-space-sm);text-transform:uppercase}.st-dropdown-item{align-items:center;background:#0000;border:none;border-radius:var(--st-radius-sm);color:var(--st-text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:var(--st-space-sm);padding:var(--st-space-sm);text-align:left;transition:all .15s ease;width:100%}.st-dropdown-item:hover{background:var(--st-bg-hover);color:var(--st-text-primary)}.st-dropdown-item.active{background:#38bdf81a;color:var(--st-accent-primary)}.st-dropdown-item.danger{color:var(--st-error)}.st-dropdown-item.danger:hover{background:#ef44441a}.st-dropdown-divider{background:var(--st-border);height:1px;margin:var(--st-space-xs) 0}.st-seats-card{align-items:center;background:linear-gradient(135deg,var(--st-bg-panel),var(--st-bg-card));border:1px solid var(--st-border);border-radius:var(--st-radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--st-space-xl);padding:var(--st-space-lg)}.st-seats-info h3{color:var(--st-text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.st-seats-info p{color:var(--st-text-secondary);font-size:.875rem;margin:0}.st-seats-count{color:var(--st-accent-primary);font-family:var(--st-font-display);font-size:2rem;font-weight:700}.st-seats-count.danger{color:var(--st-error)}.st-modal-backdrop{align-items:center;background:#000000d9;display:flex;inset:0;justify-content:center;padding:var(--st-space-md);position:fixed;z-index:1000}.st-modal{background:var(--st-bg-panel);border:1px solid var(--st-border);border-radius:var(--st-radius-xl);max-height:90vh;max-width:480px;overflow-y:auto;padding:var(--st-space-xl);width:100%}.st-modal-header{align-items:center;display:flex;gap:var(--st-space-sm);margin-bottom:var(--st-space-lg)}.st-modal-header h2{color:var(--st-text-primary);font-size:1.25rem;font-weight:600;margin:0}.st-modal-header.danger h2{color:var(--st-error)}.st-modal-actions{display:flex;gap:var(--st-space-md);justify-content:flex-end;margin-top:var(--st-space-xl)}.st-danger-zone{background:#ef44440d;border:1px solid #ef44444d;border-radius:var(--st-radius-lg);padding:var(--st-space-lg)}.st-danger-zone h3{color:var(--st-text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--st-space-sm)}.st-danger-zone p{color:var(--st-text-secondary);font-size:.875rem;margin:0 0 var(--st-space-md)}.st-danger-zone .st-label-hint{color:var(--st-text-dim)}.st-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding:var(--st-space-xl);text-align:center}.st-empty-icon{color:var(--st-accent-primary);margin-bottom:var(--st-space-lg);opacity:.4}.st-empty-state h2{color:var(--st-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 var(--st-space-sm)}.st-empty-state p{color:var(--st-text-secondary);font-size:.875rem;margin:0 0 var(--st-space-xl);max-width:400px}.st-empty-actions{display:flex;gap:var(--st-space-md)}.st-loading{align-items:center;display:flex;justify-content:center;min-height:60vh}.st-spinner{animation:st-spin .8s linear infinite;border:3px solid var(--st-border);border-radius:50%;border-top-color:var(--st-accent-primary);height:40px;width:40px}@keyframes st-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.settings-container{padding:var(--st-space-md)}.st-header{align-items:flex-start;flex-direction:column}.st-header-actions{flex-direction:column;width:100%}.st-header-actions .st-btn{justify-content:center;width:100%}.st-tabs{padding-bottom:var(--st-space-md)}.st-member-row{align-items:flex-start;flex-direction:column;gap:var(--st-space-md)}.st-member-actions{justify-content:space-between;width:100%}.st-seats-card{flex-direction:column;gap:var(--st-space-md);text-align:center}.st-modal{margin:var(--st-space-md);padding:var(--st-space-lg)}.st-color-picker{flex-direction:column}.st-color-swatch{width:100%}}@media (max-width:480px){.st-header-icon{height:48px;width:48px}.st-header-content h1{font-size:1.25rem}.st-card-content{padding:var(--st-space-md)}.st-tab{font-size:.8125rem;padding:var(--st-space-sm)}}.analytics-page{--an-bg-void:#05080d;--an-bg-primary:#0a0f18;--an-bg-elevated:#0d1420;--an-bg-panel:#111827;--an-bg-card:#161f30;--an-bg-hover:#1a2540;--an-accent-primary:#38bdf8;--an-accent-glow:#0ea5e9;--an-accent-secondary:#818cf8;--an-success:#22c55e;--an-warning:#f59e0b;--an-error:#ef4444;--an-info:#3b82f6;--an-tier-hot:#f43f5e;--an-tier-warm:#f59e0b;--an-tier-cold:#64748b;--an-tier-qualified:#10b981;--an-text-primary:#f1f5f9;--an-text-secondary:#94a3b8;--an-text-muted:#64748b;--an-text-dim:#475569;--an-border:#94a3b81f;--an-border-active:#38bdf84d;--an-shadow-sm:0 1px 2px #0006;--an-shadow-md:0 4px 12px #00000080;--an-shadow-lg:0 8px 32px #0009;--an-glow-primary:0 0 20px #38bdf84d;--an-font-display:"Space Grotesk",-apple-system,BlinkMacSystemFont,sans-serif;--an-font-data:"JetBrains Mono","SF Mono",Monaco,monospace;background:var(--an-bg-void);color:var(--an-text-primary);font-family:var(--an-font-display);min-height:100vh;position:relative}.analytics-page:before{background-image:linear-gradient(#94a3b808 1px,#0000 0),linear-gradient(90deg,#94a3b808 1px,#0000 0);background-size:40px 40px;content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.analytics-content{margin:0 auto;max-width:1600px;padding:1.5rem;position:relative;z-index:1}.an-header{border-bottom:1px solid var(--an-border);flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem;padding:1rem 0 1.5rem}.an-header,.an-header-left{align-items:center;display:flex;gap:1rem}.an-title{gap:.75rem}.an-title,.an-title-icon{align-items:center;display:flex}.an-title-icon{background:linear-gradient(135deg,var(--an-accent-primary),var(--an-accent-secondary));border-radius:10px;box-shadow:var(--an-glow-primary);color:var(--an-bg-void);height:40px;justify-content:center;width:40px}.an-title-text{-webkit-text-fill-color:#0000;background:linear-gradient(to right,var(--an-text-primary),var(--an-text-secondary));-webkit-background-clip:text;background-clip:text;font-family:var(--an-font-display);font-size:1.5rem;font-weight:600;letter-spacing:-.03em}.an-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.an-filter-group{align-items:center;display:flex;gap:.5rem}.an-select{position:relative}.an-select-trigger{align-items:center;background:var(--an-bg-panel);border:1px solid var(--an-border);border-radius:8px;color:var(--an-text-primary);cursor:pointer;display:flex;font-family:var(--an-font-data);font-size:.8125rem;gap:.5rem;min-width:140px;padding:.5rem 1rem;transition:all .2s ease}.an-select-trigger:hover{background:var(--an-bg-hover);border-color:var(--an-border-active)}.an-select-trigger svg{margin-left:auto;opacity:.5}.an-select-dropdown{background:var(--an-bg-panel);border:1px solid var(--an-border);border-radius:8px;box-shadow:var(--an-shadow-lg);left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:50}.an-select-option{background:#0000;border:none;color:var(--an-text-secondary);cursor:pointer;display:block;font-family:var(--an-font-data);font-size:.8125rem;padding:.625rem 1rem;text-align:left;transition:all .15s ease;width:100%}.an-select-option:hover{background:var(--an-bg-hover);color:var(--an-text-primary)}.an-select-option.active{background:#38bdf81a;color:var(--an-accent-primary)}.an-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-family:var(--an-font-display);font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.an-btn-secondary{background:var(--an-bg-panel);border-color:var(--an-border);color:var(--an-text-primary)}.an-btn-secondary:hover{background:var(--an-bg-hover);border-color:var(--an-border-active)}.an-btn-icon{padding:.5rem}.an-metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.an-metric-card{background:var(--an-bg-panel);border:1px solid var(--an-border);border-radius:12px;overflow:hidden;padding:1.25rem;position:relative;transition:all .2s ease}.an-metric-card:before{background:linear-gradient(90deg,#0000,var(--an-accent-primary),#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.an-metric-card:hover{border-color:var(--an-border-active);transform:translateY(-2px)}.an-metric-card:hover:before{opacity:1}.an-metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.an-metric-label{color:var(--an-text-muted);font-family:var(--an-font-data);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase}.an-metric-icon{align-items:center;border-radius:8px;display:flex;font-size:1rem;height:32px;justify-content:center;width:32px}.an-metric-icon.primary{background:#38bdf81a;color:var(--an-accent-primary)}.an-metric-icon.success{background:#22c55e1a;color:var(--an-success)}.an-metric-icon.warning{background:#f59e0b1a;color:var(--an-warning)}.an-metric-icon.hot{background:#f43f5e1a;color:var(--an-tier-hot)}.an-metric-value{color:var(--an-text-primary);font-family:var(--an-font-display);font-size:2rem;font-weight:700;letter-spacing:-.03em;line-height:1;margin-bottom:.25rem}.an-metric-value.primary{color:var(--an-accent-primary)}.an-metric-value.success{color:var(--an-success)}.an-metric-change{align-items:center;border-radius:4px;display:inline-flex;font-family:var(--an-font-data);font-size:.75rem;gap:.25rem;padding:.125rem .5rem}.an-metric-change.up{background:#22c55e1a;color:var(--an-success)}.an-metric-change.down{background:#ef44441a;color:var(--an-error)}.an-metric-subtext{color:var(--an-text-dim);font-family:var(--an-font-data);font-size:.75rem;margin-top:.25rem}.an-chart-section{background:var(--an-bg-panel);border:1px solid var(--an-border);border-radius:16px;margin-bottom:2rem;padding:1.5rem}.an-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.an-section-title{align-items:center;color:var(--an-text-primary);display:flex;font-family:var(--an-font-display);font-size:1rem;font-weight:600;gap:.5rem}.an-section-badge{background:var(--an-bg-card);border:1px solid var(--an-border);border-radius:4px;color:var(--an-text-muted);font-family:var(--an-font-data);font-size:.6875rem;letter-spacing:.05em;padding:.25rem .5rem;text-transform:uppercase}.an-chart-container{align-items:flex-end;border-bottom:1px solid var(--an-border);display:flex;gap:4px;height:200px;padding:1rem 0;position:relative}.an-chart-bar{background:linear-gradient(to top,var(--an-accent-primary),var(--an-accent-glow));border-radius:4px 4px 0 0;flex:1 1;min-height:4px;opacity:.7;position:relative;transition:all .3s ease}.an-chart-bar:hover{opacity:1;transform:scaleY(1.02);transform-origin:bottom}.an-chart-bar:after{background:var(--an-bg-card);border:1px solid var(--an-border);border-radius:4px;bottom:100%;color:var(--an-text-primary);content:attr(data-value);font-family:var(--an-font-data);font-size:.6875rem;left:50%;opacity:0;padding:.25rem .5rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap}.an-chart-bar:hover:after{opacity:1}.an-chart-labels{display:flex;justify-content:space-between;padding-top:.75rem}.an-chart-label{color:var(--an-text-dim);font-family:var(--an-font-data);font-size:.625rem;text-transform:uppercase}.an-two-column{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));margin-bottom:2rem}.an-quality-section{background:var(--an-bg-panel);border:1px solid var(--an-border);border-radius:16px;padding:1.5rem}.an-quality-list{display:flex;flex-direction:column;gap:1rem}.an-quality-item{align-items:center;display:flex;gap:1rem}.an-quality-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;width:36px}.an-quality-icon.hot{background:#f43f5e26;color:var(--an-tier-hot)}.an-quality-icon.warm{background:#f59e0b26;color:var(--an-tier-warm)}.an-quality-icon.cold{background:#64748b26;color:var(--an-tier-cold)}.an-quality-icon.qualified{background:#10b98126;color:var(--an-tier-qualified)}.an-quality-info{flex:1 1;min-width:0}.an-quality-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.375rem}.an-quality-label{color:var(--an-text-primary);font-family:var(--an-font-display);font-size:.875rem;font-weight:500}.an-quality-value{color:var(--an-text-secondary);font-family:var(--an-font-data);font-size:.875rem;font-weight:600}.an-quality-bar{background:var(--an-bg-card);border-radius:3px;height:6px;overflow:hidden}.an-quality-fill{border-radius:3px;height:100%;transition:width .5s ease}.an-quality-fill.hot{background:var(--an-tier-hot)}.an-quality-fill.warm{background:var(--an-tier-warm)}.an-quality-fill.cold{background:var(--an-tier-cold)}.an-quality-fill.qualified{background:var(--an-tier-qualified)}.an-sources-section{background:var(--an-bg-panel);border:1px solid var(--an-border);border-radius:16px;padding:1.5rem}.an-source-list{display:flex;flex-direction:column;gap:.875rem}.an-source-item{align-items:center;display:flex;gap:.75rem}.an-source-icon{align-items:center;background:var(--an-bg-card);border-radius:6px;color:var(--an-accent-primary);display:flex;flex-shrink:0;font-size:.875rem;height:32px;justify-content:center;width:32px}.an-source-info{flex:1 1;min-width:0}.an-source-name{color:var(--an-text-primary);font-family:var(--an-font-display);font-size:.8125rem;margin-bottom:.25rem}.an-source-bar{background:var(--an-bg-card);border-radius:2px;height:4px;overflow:hidden}.an-source-fill{background:var(--an-accent-primary);border-radius:2px;height:100%;transition:width .5s ease}.an-source-value{color:var(--an-text-muted);flex-shrink:0;font-family:var(--an-font-data);font-size:.75rem;min-width:40px;text-align:right}.an-table-section{background:var(--an-bg-panel);border:1px solid var(--an-border);border-radius:16px;margin-bottom:2rem;overflow:hidden}.an-table-header{align-items:center;background:var(--an-bg-card);border-bottom:1px solid var(--an-border);display:flex;justify-content:space-between;padding:1rem 1.5rem}.an-table{width:100%}.an-table-head{background:var(--an-bg-elevated)}.an-table-head th{border-bottom:1px solid var(--an-border);color:var(--an-text-muted);font-family:var(--an-font-data);font-size:.6875rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.an-table-body tr{transition:background .15s ease}.an-table-body tr:hover{background:var(--an-bg-hover)}.an-table-body td{border-bottom:1px solid var(--an-border);font-size:.875rem;padding:1rem}.an-table-body tr:last-child td{border-bottom:none}.an-dest-cell{gap:.75rem}.an-dest-cell,.an-dest-icon{align-items:center;display:flex}.an-dest-icon{background:var(--an-bg-card);border-radius:8px;font-size:1.125rem;height:36px;justify-content:center;width:36px}.an-dest-name{color:var(--an-text-primary);font-weight:500}.an-dest-type{color:var(--an-text-muted);font-size:.6875rem;text-transform:uppercase}.an-data-cell,.an-dest-type{font-family:var(--an-font-data)}.an-data-cell{color:var(--an-text-secondary)}.an-data-cell.highlight{color:var(--an-accent-primary);font-weight:600}.an-status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-family:var(--an-font-data);font-size:.6875rem;font-weight:600;gap:.375rem;padding:.25rem .75rem;text-transform:uppercase}.an-status-badge.healthy{background:#22c55e26;color:var(--an-success)}.an-status-badge.degraded{background:#f59e0b26;color:var(--an-warning)}.an-status-badge.down{background:#ef444426;color:var(--an-error)}.an-status-dot{background:currentColor;border-radius:50%;height:6px;width:6px}.an-activity-section{background:var(--an-bg-panel);border:1px solid var(--an-border);border-radius:16px;overflow:hidden}.an-activity-header{align-items:center;background:var(--an-bg-card);border-bottom:1px solid var(--an-border);display:flex;justify-content:space-between;padding:1rem 1.5rem}.an-live-badge{align-items:center;color:var(--an-success);display:flex;font-family:var(--an-font-data);font-size:.6875rem;gap:.5rem;letter-spacing:.1em;text-transform:uppercase}.an-live-dot{animation:pulse-glow 1.5s ease-in-out infinite;background:var(--an-success);border-radius:50%;height:6px;width:6px}.an-activity-list{max-height:400px;overflow-y:auto}.an-activity-item{align-items:flex-start;border-bottom:1px solid var(--an-border);display:flex;gap:1rem;padding:1rem 1.5rem;transition:background .15s ease}.an-activity-item:last-child{border-bottom:none}.an-activity-item:hover{background:var(--an-bg-hover)}.an-activity-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.an-activity-icon.incoming{background:#38bdf826;color:var(--an-accent-primary)}.an-activity-icon.routed{background:#10b98126;color:var(--an-tier-qualified)}.an-activity-icon.scored{background:#f59e0b26;color:var(--an-tier-warm)}.an-activity-icon.error{background:#ef444426;color:var(--an-error)}.an-activity-content{flex:1 1;min-width:0}.an-activity-message{color:var(--an-text-primary);font-size:.875rem;line-height:1.4;margin-bottom:.25rem}.an-activity-meta{color:var(--an-text-muted);font-family:var(--an-font-data);font-size:.6875rem}.an-activity-time{color:var(--an-text-dim);flex-shrink:0;font-family:var(--an-font-data);font-size:.75rem}.an-loading{align-items:center;display:flex;justify-content:center;min-height:60vh}.an-spinner{animation:spin .8s linear infinite;border:3px solid var(--an-border);border-radius:50%;border-top-color:var(--an-accent-primary);height:40px;width:40px}.an-empty-state{color:var(--an-text-muted);padding:3rem;text-align:center}.an-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.3}@media (max-width:768px){.analytics-content{padding:1rem}.an-header{align-items:flex-start;flex-direction:column}.an-header-right{justify-content:flex-start;width:100%}.an-metrics-grid{grid-template-columns:repeat(2,1fr)}.an-metric-value{font-size:1.5rem}.an-chart-container{height:150px}.an-table-section{overflow-x:auto}.an-table{min-width:600px}.an-activity-item{flex-wrap:wrap}.an-activity-time{margin-top:.5rem;width:100%}}@media (max-width:480px){.an-metrics-grid{grid-template-columns:1fr}.an-select-trigger{font-size:.75rem;min-width:120px}.an-title-text{font-size:1.25rem}}:root{--scoring-primary:#f59e0b;--scoring-primary-glow:#f59e0b66;--scoring-success:#10b981;--scoring-gradient:linear-gradient(135deg,#f59e0b26,#ef444426)}.scoring-dashboard{background:radial-gradient(ellipse at 10% 20%,#f59e0b0f 0,#0000 50%),radial-gradient(ellipse at 90% 80%,#ef44440a 0,#0000 50%),radial-gradient(ellipse at 50% 50%,#3b82f608 0,#0000 60%);margin:0 auto;max-width:1400px;max-width:var(--content-max-width,1400px);min-height:100vh;padding:32px;padding:var(--space-xl,32px)}.scoring-dashboard-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-md,16px);justify-content:space-between;margin-bottom:32px;margin-bottom:var(--space-xl,32px)}.scoring-dashboard-title-section{align-items:center;display:flex;gap:16px;gap:var(--space-md,16px)}.scoring-dashboard-icon{align-items:center;background:linear-gradient(135deg,#f59e0b26,#ef444426);background:var(--scoring-gradient);border:1px solid #f59e0b4d;border-radius:14px;box-shadow:0 0 20px #f59e0b66;box-shadow:0 0 20px var(--scoring-primary-glow);color:#f59e0b;color:var(--scoring-primary);display:flex;height:56px;justify-content:center;width:56px}.scoring-dashboard-title-content h1{color:#fafafa;color:var(--text-primary,#fafafa);font-family:Space Grotesk,sans-serif;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:1.75rem;font-size:var(--text-2xl,1.75rem);font-weight:700;margin:0}.scoring-dashboard-subtitle{color:#a1a1aa;color:var(--text-secondary,#a1a1aa);font-size:.875rem;font-size:var(--text-sm,.875rem);margin:4px 0 0}.scoring-dashboard-subtitle strong{color:#f59e0b;color:var(--scoring-primary);font-weight:600}.scoring-refresh-btn{align-items:center;background:#27272a;background:var(--bg-elevated,#27272a);border:1px solid #3f3f46;border:1px solid var(--border-color,#3f3f46);border-radius:8px;color:#a1a1aa;color:var(--text-secondary,#a1a1aa);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--text-sm,.875rem);gap:8px;gap:var(--space-xs,8px);padding:12px 16px;padding:var(--space-sm,12px) var(--space-md,16px);transition:all .2s ease}.scoring-refresh-btn:hover:not(:disabled){background:#18181b;background:var(--bg-panel,#18181b);border-color:#f59e0b;border-color:var(--scoring-primary);color:#fafafa;color:var(--text-primary,#fafafa)}.scoring-refresh-btn:disabled{cursor:not-allowed;opacity:.6}.scoring-refresh-btn svg{transition:transform .3s ease}.scoring-refresh-btn.loading svg{animation:spin 1s linear infinite}.scoring-stats-grid{grid-gap:16px;grid-gap:var(--space-md,16px);display:grid;gap:16px;gap:var(--space-md,16px);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:32px;margin-bottom:var(--space-xl,32px)}.scoring-stat-card{background:#27272a;background:var(--bg-elevated,#27272a);border:1px solid #3f3f46;border:1px solid var(--border-color,#3f3f46);border-radius:12px;overflow:hidden;padding:24px;padding:var(--space-lg,24px);position:relative;transition:all .3s ease}.scoring-stat-card:before{background:var(--color-primary);background:var(--stat-accent,var(--color-primary));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.scoring-stat-card:hover{border-color:var(--stat-accent,var(--color-primary));box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.scoring-stat-card:hover:before{opacity:1}.scoring-stat-card.primary{--stat-accent:var(--color-primary,#6366f1)}.scoring-stat-card.success{--stat-accent:var(--scoring-success)}.scoring-stat-card.warning{--stat-accent:var(--scoring-primary)}.scoring-stat-header{align-items:center;display:flex;gap:12px;gap:var(--space-sm,12px);margin-bottom:12px;margin-bottom:var(--space-sm,12px)}.scoring-stat-header svg{color:var(--color-primary);color:var(--stat-accent,var(--color-primary))}.scoring-stat-label{color:#71717a;color:var(--text-muted,#71717a);font-size:.75rem;font-size:var(--text-xs,.75rem);font-weight:500;letter-spacing:.5px;text-transform:uppercase}.scoring-stat-value{color:var(--color-primary);color:var(--stat-accent,var(--color-primary));font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:1.75rem;font-size:var(--text-2xl,1.75rem);font-weight:700;line-height:1.2}.scoring-stat-value .secondary{color:#71717a;color:var(--text-muted,#71717a);font-size:.875rem;font-size:var(--text-sm,.875rem);font-weight:400;margin-left:4px}.scoring-loading{gap:16px;gap:var(--space-md,16px);padding:64px;padding:var(--space-3xl,64px)}.scoring-loading svg{animation:spin 1s linear infinite;color:#f59e0b;color:var(--scoring-primary)}.scoring-empty-state{background:#27272a;background:var(--bg-elevated,#27272a);border:1px solid #3f3f46;border:1px solid var(--border-color,#3f3f46);border-radius:16px;padding:64px;padding:var(--space-3xl,64px);text-align:center}.scoring-empty-state svg{color:#f59e0b;color:var(--scoring-primary);margin-bottom:16px;margin-bottom:var(--space-md,16px);opacity:.8}.scoring-empty-state h3{color:#fafafa;color:var(--text-primary,#fafafa);font-size:1.125rem;font-size:var(--text-lg,1.125rem);margin:0 0 12px;margin:0 0 var(--space-sm,12px) 0}.scoring-empty-state p{color:#a1a1aa;color:var(--text-secondary,#a1a1aa);margin:0 0 24px;margin:0 0 var(--space-lg,24px) 0}.scoring-empty-btn{align-items:center;background:#6366f1;background:var(--color-primary,#6366f1);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--text-sm,.875rem);font-weight:600;gap:8px;gap:var(--space-xs,8px);padding:12px 24px;padding:var(--space-sm,12px) var(--space-lg,24px);transition:all .2s ease}.scoring-empty-btn:hover{background:#4f46e5;background:var(--color-primary-hover,#4f46e5);box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.scoring-integrations-grid{grid-gap:24px;grid-gap:var(--space-lg,24px);display:grid;gap:24px;gap:var(--space-lg,24px)}.scoring-integration-card{background:#27272a;background:var(--bg-elevated,#27272a);border:1px solid #3f3f46;border:1px solid var(--border-color,#3f3f46);border-radius:16px;overflow:hidden;transition:all .3s ease}.scoring-integration-card:hover{border-color:#6366f14d;box-shadow:0 8px 32px #0000004d}.scoring-integration-card.active{border-color:#10b9814d}.scoring-integration-card.active:hover{border-color:#10b98180}.scoring-card-header{border-bottom:1px solid #3f3f46;border-bottom:1px solid var(--border-color,#3f3f46);padding:24px;padding:var(--space-lg,24px)}.scoring-card-header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-md,16px);justify-content:space-between}.scoring-card-info{align-items:center;display:flex;flex:1 1;gap:16px;gap:var(--space-md,16px);min-width:280px}.scoring-card-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .3s ease;width:48px}.scoring-card-icon.active{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--scoring-success),#059669);box-shadow:0 4px 12px #10b9814d}.scoring-card-icon.configured{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--scoring-primary),#d97706)}.scoring-card-icon.empty{background:#18181b;background:var(--bg-primary,#18181b);border:1px solid #3f3f46;border:1px solid var(--border-color,#3f3f46)}.scoring-card-icon svg{color:#fff}.scoring-card-icon.empty svg{color:#71717a;color:var(--text-muted,#71717a)}.scoring-card-details{flex:1 1}.scoring-card-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-sm,12px)}.scoring-card-name{color:#fafafa;color:var(--text-primary,#fafafa);font-size:1.125rem;font-size:var(--text-lg,1.125rem);font-weight:700}.scoring-card-badge{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.3px;padding:3px 10px;text-transform:uppercase}.scoring-card-badge.active{background:#10b98133;color:#10b981;color:var(--scoring-success)}.scoring-card-badge.inactive{background:#f9731633;color:#f97316;color:var(--tier-warm)}.scoring-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-sm,12px);margin-top:4px}.scoring-card-meta-item{color:#71717a;color:var(--text-muted,#71717a);font-size:.75rem;font-size:var(--text-xs,.75rem)}.scoring-card-template{background:#9333ea33;border-radius:4px;color:#a855f7;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.scoring-card-template-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.3px;padding:3px 10px}.scoring-card-template-badge.template{background:linear-gradient(135deg,#9333ea33,#a855f726);border:1px solid #a855f74d;color:#c084fc}.scoring-card-template-badge.custom{background:linear-gradient(135deg,#22c55e33,#4ade8026);border:1px solid #4ade804d;color:#4ade80}.scoring-card-actions{align-items:center;display:flex;gap:12px;gap:var(--space-sm,12px)}.scoring-card-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-size:var(--text-sm,.875rem);font-weight:500;gap:6px;padding:12px 16px;padding:var(--space-sm,12px) var(--space-md,16px);transition:all .2s ease}.scoring-card-btn.secondary{background:#0000;border:1px solid #3f3f46;border:1px solid var(--border-color,#3f3f46);color:#a1a1aa;color:var(--text-secondary,#a1a1aa)}.scoring-card-btn.secondary:hover{background:#18181b;background:var(--bg-panel,#18181b);border-color:#71717a;border-color:var(--text-muted,#71717a);color:#fafafa;color:var(--text-primary,#fafafa)}.scoring-card-btn.primary{background:#6366f1;background:var(--color-primary,#6366f1);color:#fff;font-weight:600}.scoring-card-btn.primary:hover{background:#4f46e5;background:var(--color-primary-hover,#4f46e5);box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.scoring-card-btn.setup{background:linear-gradient(135deg,#f59e0b,#ef4444);background:linear-gradient(135deg,var(--scoring-primary),var(--tier-hot));color:#fff;font-weight:600}.scoring-card-btn.setup:hover{box-shadow:0 4px 16px #f59e0b66;box-shadow:0 4px 16px var(--scoring-primary-glow);transform:translateY(-1px)}.scoring-card-btn.icon-only{height:36px;justify-content:center;padding:0;width:36px}.scoring-card-body{padding:24px;padding:var(--space-lg,24px)}.scoring-card-stats{grid-gap:24px;grid-gap:var(--space-lg,24px);display:grid;gap:24px;gap:var(--space-lg,24px);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:24px;margin-bottom:var(--space-lg,24px)}.scoring-card-stat{display:flex;flex-direction:column;gap:4px}.scoring-card-stat-label{align-items:center;color:#71717a;color:var(--text-muted,#71717a);display:flex;font-size:11px;gap:6px;letter-spacing:.5px;text-transform:uppercase}.scoring-card-stat-label svg{height:14px;width:14px}.scoring-card-stat-value{color:#fafafa;color:var(--text-primary,#fafafa);font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:1.25rem;font-size:var(--text-xl,1.25rem);font-weight:700}.scoring-card-stat-value.success{color:#10b981;color:var(--scoring-success)}.scoring-card-stat-value.rules{align-items:center;display:flex;font-size:1rem;font-size:var(--text-base,1rem);gap:12px;gap:var(--space-sm,12px)}.scoring-card-stat-value .rule-count{font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-weight:600}.scoring-card-stat-value .rule-count.fit{color:#3b82f6;color:var(--scoring-fit-color,#3b82f6)}.scoring-card-stat-value .rule-count.intent{color:#f59e0b;color:var(--scoring-intent-color,#f59e0b)}.scoring-card-stat-value .rule-count.source{color:#10b981;color:var(--scoring-source-color,#10b981)}.scoring-tier-section{margin-top:16px;margin-top:var(--space-md,16px)}.scoring-tier-section-label{color:#71717a;color:var(--text-muted,#71717a);font-size:11px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.tier-distribution-container{position:relative}.tier-distribution-bar{background:#18181b;background:var(--bg-primary,#18181b);border:1px solid #3f3f46;border:1px solid var(--border-color,#3f3f46);border-radius:7px;cursor:pointer;display:flex;height:14px;overflow:hidden}.tier-segment{height:100%;position:relative;transition:all .3s ease}.tier-segment:hover{filter:brightness(1.2);transform:scaleY(1.15);transform-origin:bottom;z-index:10}.tier-segment.hot{background:linear-gradient(180deg,#ef4444,#dc2626);background:linear-gradient(180deg,var(--tier-hot),#dc2626)}.tier-segment.warm{background:linear-gradient(180deg,#f97316,#ea580c);background:linear-gradient(180deg,var(--tier-warm),#ea580c)}.tier-segment.cold{background:linear-gradient(180deg,#3b82f6,#2563eb);background:linear-gradient(180deg,var(--tier-cold),#2563eb)}.tier-segment.unqualified{background:linear-gradient(180deg,#6b7280,#52525b);background:linear-gradient(180deg,var(--tier-unqualified),#52525b)}.tier-segment.empty{background:#3f3f46;background:var(--border-color,#3f3f46);opacity:.3}.tier-segment.hovered{filter:brightness(1.2);transform:scaleY(1.15);transform-origin:bottom;z-index:10}.tier-label-empty{color:#71717a;color:var(--text-muted,#71717a);font-size:11px;text-align:center}.tier-labels{display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-sm,12px);justify-content:flex-start;margin-top:10px}.tier-label{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 10px;transition:all .2s ease}.tier-label:hover{transform:scale(1.05)}.tier-label.hot:hover{background:#ef444426;background:var(--tier-hot-bg)}.tier-label.warm:hover{background:#f9731626;background:var(--tier-warm-bg)}.tier-label.cold:hover{background:#3b82f626;background:var(--tier-cold-bg)}.tier-label.unqualified:hover{background:#6b728026;background:var(--tier-unqualified-bg)}.tier-label-emoji{font-size:14px}.tier-label-percent{font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-weight:600}.tier-label.hot .tier-label-percent{color:#ef4444;color:var(--tier-hot)}.tier-label.warm .tier-label-percent{color:#f97316;color:var(--tier-warm)}.tier-label.cold .tier-label-percent{color:#3b82f6;color:var(--tier-cold)}.tier-label.unqualified .tier-label-percent{color:#6b7280;color:var(--tier-unqualified)}.tier-label-count{color:#71717a;color:var(--text-muted,#71717a);font-size:10px}.tier-tooltip{background:#27272a;background:var(--bg-elevated,#27272a);border:1px solid #3f3f46;border:1px solid var(--border-color,#3f3f46);border-radius:10px;box-shadow:0 10px 30px #00000080;min-width:150px;padding:12px 16px;pointer-events:none;position:fixed;transform:translate(-50%,-100%);z-index:9999}.tier-tooltip:after{border-color:#27272a #0000 #0000;border-color:var(--bg-elevated,#27272a) #0000 #0000 #0000;border-style:solid;border-width:6px 6px 0;bottom:-6px;content:"";left:50%;position:absolute;transform:translateX(-50%)}.tier-tooltip-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.tier-tooltip-emoji{font-size:18px}.tier-tooltip-name{font-size:14px;font-weight:700}.tier-tooltip.hot .tier-tooltip-name{color:#ef4444;color:var(--tier-hot)}.tier-tooltip.warm .tier-tooltip-name{color:#f97316;color:var(--tier-warm)}.tier-tooltip.cold .tier-tooltip-name{color:#3b82f6;color:var(--tier-cold)}.tier-tooltip.unqualified .tier-tooltip-name{color:#6b7280;color:var(--tier-unqualified)}.tier-tooltip-row{color:#a1a1aa;color:var(--text-secondary,#a1a1aa);display:flex;font-size:12px;justify-content:space-between;margin-bottom:4px}.tier-tooltip-row span:last-child{color:#fafafa;color:var(--text-primary,#fafafa);font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-weight:600}.tier-tooltip-footer{align-items:center;border-top:1px solid #3f3f46;border-top:1px solid var(--border-color,#3f3f46);color:#71717a;color:var(--text-muted,#71717a);display:flex;font-size:10px;gap:4px;margin-top:4px;padding-top:6px}.scoring-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#09090bd9;display:flex;inset:0;justify-content:center;padding:24px;padding:var(--space-lg,24px);position:fixed;z-index:1000}.scoring-modal-panel{background:#18181b;background:var(--bg-panel,#18181b);border:1px solid #3f3f46;border:1px solid var(--border-color,#3f3f46);border-radius:16px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%}.scoring-modal-panel.large{max-width:1200px}.scoring-modal-panel.medium{max-width:900px;overflow:auto}.accountability-dashboard{background:#09090b;background:var(--bg-void,#09090b);border-radius:12px;color:#fafafa;color:var(--text-primary,#fafafa);max-height:calc(90vh - 48px);overflow-y:auto;padding:24px;padding:var(--space-lg,24px)}.accountability-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-md,16px);justify-content:space-between;margin-bottom:24px;margin-bottom:var(--space-lg,24px)}.accountability-title{align-items:center;display:flex;gap:12px;gap:var(--space-sm,12px)}.accountability-title svg{color:#f59e0b;color:var(--scoring-primary)}.accountability-title h2{color:#fafafa;color:var(--text-primary,#fafafa);font-size:1.5rem;font-weight:600;margin:0}.accountability-title p{color:#a1a1aa;color:var(--text-secondary,#a1a1aa);font-size:.875rem;font-size:var(--text-sm,.875rem);margin:0}.accountability-actions{align-items:center;display:flex;gap:12px;gap:var(--space-sm,12px)}.period-selector{position:relative}.period-btn{align-items:center;background:#27272a;background:var(--bg-elevated,#27272a);border:1px solid #3f3f46;border:1px solid var(--border-color,#3f3f46);border-radius:6px;color:#fafafa;color:var(--text-primary,#fafafa);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--text-sm,.875rem);gap:8px;padding:8px 12px;transition:all .2s ease}.period-btn:hover{border-color:#6366f1;border-color:var(--color-primary,#6366f1)}.period-dropdown{background:#27272a;background:var(--bg-elevated,#27272a);border:1px solid #3f3f46;border:1px solid var(--border-color,#3f3f46);border-radius:8px;box-shadow:0 10px 25px #0000004d;margin-top:4px;min-width:150px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.period-dropdown button{background:none;border:none;color:#fafafa;color:var(--text-primary,#fafafa);cursor:pointer;display:block;font-size:.875rem;font-size:var(--text-sm,.875rem);padding:10px 16px;text-align:left;transition:all .2s ease;width:100%}.period-dropdown button:hover{background:#6366f11a}.period-dropdown button.active{background:#6366f133;color:#6366f1;color:var(--color-primary,#6366f1)}.calibrate-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--scoring-primary),#d97706);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-size:var(--text-sm,.875rem);font-weight:600;gap:8px;padding:8px 16px;transition:all .2s ease}.calibrate-btn:hover:not(:disabled){box-shadow:0 4px 12px #f59e0b66;box-shadow:0 4px 12px var(--scoring-primary-glow);transform:translateY(-1px)}.calibrate-btn:disabled{cursor:not-allowed;opacity:.6}.accountability-metrics{grid-gap:16px;grid-gap:var(--space-md,16px);display:grid;gap:16px;gap:var(--space-md,16px);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px;margin-bottom:var(--space-lg,24px)}.accountability-metric-card{align-items:flex-start;background:#27272a;background:var(--bg-elevated,#27272a);border:1px solid #3f3f46;border:1px solid var(--border-color,#3f3f46);border-radius:10px;display:flex;gap:12px;gap:var(--space-sm,12px);padding:16px;padding:var(--space-md,16px);transition:all .2s ease}.accountability-metric-card:hover{border-color:#6366f14d}.accountability-metric-icon{align-items:center;background:#6366f126;border-radius:8px;color:#6366f1;color:var(--color-primary,#6366f1);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.accountability-metric-content{flex:1 1;min-width:0}.accountability-metric-label{color:#71717a;color:var(--text-muted,#71717a);display:block;font-size:.75rem;font-size:var(--text-xs,.75rem);margin-bottom:4px}.accountability-metric-value-row{align-items:center;display:flex;gap:8px}.accountability-metric-value{color:#fafafa;color:var(--text-primary,#fafafa);font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:1.5rem;font-weight:600}.accountability-metric-trend{align-items:center;display:flex}.accountability-metric-trend.up{color:#10b981;color:var(--scoring-success)}.accountability-metric-trend.down{color:#ef4444;color:var(--tier-hot)}.accountability-metric-subtext{color:#71717a;color:var(--text-muted,#71717a);display:block;font-size:.75rem;font-size:var(--text-xs,.75rem);margin-top:2px}.calibration-banner{align-items:center;background:#f9731626;border:1px solid #f973164d;border-radius:8px;color:#f97316;color:var(--tier-warm);display:flex;gap:12px;gap:var(--space-sm,12px);margin-bottom:24px;margin-bottom:var(--space-lg,24px);padding:12px 16px;padding:var(--space-sm,12px) var(--space-md,16px)}.calibration-banner span{flex:1 1;font-size:.875rem;font-size:var(--text-sm,.875rem)}.calibration-banner button{background:#f9731633;border:1px solid #f9731666;border-radius:4px;color:#f97316;color:var(--tier-warm);cursor:pointer;font-size:.875rem;font-size:var(--text-sm,.875rem);padding:6px 12px;transition:all .2s ease;white-space:nowrap}.calibration-banner button:hover:not(:disabled){background:#f973164d}.accountability-section-header{align-items:center;color:#f59e0b;color:var(--scoring-primary);display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0 0 16px;margin:0 0 var(--space-md,16px) 0}.accountability-tier-grid{grid-gap:16px;grid-gap:var(--space-md,16px);display:grid;gap:16px;gap:var(--space-md,16px);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px;margin-bottom:var(--space-lg,24px)}.accountability-tier-card{background:#27272a;background:var(--bg-elevated,#27272a);border:1px solid #3f3f46;border:1px solid var(--border-color,#3f3f46);border-left-width:3px;border-radius:10px;overflow:hidden;transition:all .2s ease}.accountability-tier-card:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.accountability-tier-card.hot{border-left-color:#ef4444;border-left-color:var(--tier-hot)}.accountability-tier-card.warm{border-left-color:#f97316;border-left-color:var(--tier-warm)}.accountability-tier-card.cold{border-left-color:#3b82f6;border-left-color:var(--tier-cold)}.accountability-tier-card.unqualified{border-left-color:#6b7280;border-left-color:var(--tier-unqualified)}.accountability-tier-header{align-items:center;display:flex;font-weight:600;gap:8px;padding:12px 16px;padding:var(--space-sm,12px) var(--space-md,16px)}.accountability-tier-card.hot .accountability-tier-header{background:#ef444426;background:var(--tier-hot-bg);color:#ef4444;color:var(--tier-hot)}.accountability-tier-card.warm .accountability-tier-header{background:#f9731626;background:var(--tier-warm-bg);color:#f97316;color:var(--tier-warm)}.accountability-tier-card.cold .accountability-tier-header{background:#3b82f626;background:var(--tier-cold-bg);color:#3b82f6;color:var(--tier-cold)}.accountability-tier-card.unqualified .accountability-tier-header{background:#6b728026;background:var(--tier-unqualified-bg);color:#6b7280;color:var(--tier-unqualified)}.accountability-tier-metrics{grid-gap:12px;grid-gap:var(--space-sm,12px);display:grid;gap:12px;gap:var(--space-sm,12px);grid-template-columns:repeat(2,1fr);padding:16px;padding:var(--space-md,16px)}.accountability-tier-metric{text-align:center}.accountability-tier-metric-value{color:#fafafa;color:var(--text-primary,#fafafa);display:block;font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:1.25rem;font-weight:600}.accountability-tier-metric-label{color:#71717a;color:var(--text-muted,#71717a);display:block;font-size:.75rem;font-size:var(--text-xs,.75rem);margin-top:2px}.accountability-tier-accuracy{border-top:1px solid #3f3f46;border-top:1px solid var(--border-color,#3f3f46);padding:12px 16px;padding:var(--space-sm,12px) var(--space-md,16px)}.accountability-accuracy-label{color:#71717a;color:var(--text-muted,#71717a);display:flex;font-size:.75rem;font-size:var(--text-xs,.75rem);justify-content:space-between;margin-bottom:6px}.accountability-accuracy-bar{background:#18181b;background:var(--bg-primary,#18181b);border-radius:2px;height:4px;overflow:hidden}.accountability-accuracy-fill{border-radius:2px;height:100%;transition:width .3s ease}.accountability-recommendations{margin-bottom:24px;margin-bottom:var(--space-lg,24px)}.accountability-recommendations-list{display:flex;flex-direction:column;gap:12px;gap:var(--space-sm,12px)}.accountability-recommendation-card{border:1px solid;border-radius:10px;display:flex;gap:16px;gap:var(--space-md,16px);padding:16px;padding:var(--space-md,16px);transition:all .2s ease}.accountability-recommendation-card:hover{transform:translateX(4px)}.accountability-recommendation-card.critical{background:#ef44441a;border-color:#ef44444d}.accountability-recommendation-card.high{background:#f973161a;border-color:#f973164d}.accountability-recommendation-card.medium{background:#eab3081a;border-color:#eab3084d}.accountability-recommendation-card.low{background:#3b82f61a;border-color:#3b82f64d}.accountability-rec-priority{flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.accountability-recommendation-card.critical .accountability-rec-priority{color:#ef4444;color:var(--tier-hot)}.accountability-recommendation-card.high .accountability-rec-priority{color:#f97316;color:var(--tier-warm)}.accountability-recommendation-card.medium .accountability-rec-priority{color:#eab308}.accountability-recommendation-card.low .accountability-rec-priority{color:#3b82f6;color:var(--tier-cold)}.accountability-rec-content h4{color:#fafafa;color:var(--text-primary,#fafafa);font-size:.9375rem;font-weight:600;margin:0 0 4px}.accountability-rec-content p{color:#a1a1aa;color:var(--text-secondary,#a1a1aa);font-size:.875rem;font-size:var(--text-sm,.875rem);margin:0}.accountability-rec-action{align-items:center;color:#f59e0b;color:var(--scoring-primary);display:flex;font-size:.8125rem;gap:4px;margin-top:8px}.accountability-outcomes{margin-bottom:24px;margin-bottom:var(--space-lg,24px)}.accountability-outcomes-list{background:#27272a;background:var(--bg-elevated,#27272a);border:1px solid #3f3f46;border:1px solid var(--border-color,#3f3f46);border-radius:10px;overflow:hidden}.accountability-outcome-row{align-items:center;border-bottom:1px solid #3f3f46;border-bottom:1px solid var(--border-color,#3f3f46);display:flex;gap:16px;gap:var(--space-md,16px);padding:12px 16px;padding:var(--space-sm,12px) var(--space-md,16px);transition:background .2s ease}.accountability-outcome-row:last-child{border-bottom:none}.accountability-outcome-row:hover{background:#6366f10d}.accountability-outcome-tier{flex-shrink:0}.accountability-outcome-type{flex:1 1}.accountability-outcome-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-size:var(--text-xs,.75rem);font-weight:500;padding:2px 8px}.accountability-outcome-badge.correct{background:#22c55e33;color:#10b981;color:var(--scoring-success)}.accountability-outcome-badge.incorrect{background:#ef444433;color:#ef4444;color:var(--tier-hot)}.accountability-outcome-value{color:#a1a1aa;color:var(--text-secondary,#a1a1aa);font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:.875rem;font-size:var(--text-sm,.875rem);min-width:80px;text-align:right}.accountability-outcome-time{color:#71717a;color:var(--text-muted,#71717a);font-size:.75rem;font-size:var(--text-xs,.75rem);min-width:100px;text-align:right}.accountability-outcome-prediction{flex-shrink:0}.accountability-history{margin-bottom:24px;margin-bottom:var(--space-lg,24px)}.accountability-history-chart{align-items:flex-end;background:#27272a;background:var(--bg-elevated,#27272a);border:1px solid #3f3f46;border:1px solid var(--border-color,#3f3f46);border-radius:10px;display:flex;gap:8px;height:120px;padding:16px;padding:var(--space-md,16px)}.accountability-history-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%}.accountability-bar-fill{background:linear-gradient(0deg,#f59e0b,#f59e0b99);background:linear-gradient(to top,var(--scoring-primary),#f59e0b99);border-radius:4px 4px 0 0;margin-top:auto;max-width:32px;transition:height .3s ease;width:100%}.accountability-bar-date{color:#71717a;color:var(--text-muted,#71717a);font-size:10px;margin-top:8px;white-space:nowrap}@media (max-width:768px){.scoring-dashboard{padding:16px;padding:var(--space-md,16px)}.scoring-dashboard-header{flex-direction:column}.scoring-dashboard-title-section{align-items:flex-start;flex-direction:column;text-align:left}.scoring-card-header-content{flex-direction:column}.scoring-card-info{min-width:100%}.scoring-card-actions{justify-content:flex-end;width:100%}.scoring-stats-grid{grid-template-columns:repeat(2,1fr)}.accountability-header{flex-direction:column}.accountability-actions{justify-content:flex-end;width:100%}.accountability-metrics{grid-template-columns:repeat(2,1fr)}.accountability-tier-grid{grid-template-columns:1fr 1fr}.accountability-outcome-time,.accountability-outcome-value{display:none}}@media (max-width:480px){.scoring-stats-grid{grid-template-columns:1fr}.scoring-card-btn span:not(.icon-only span){display:none}.scoring-card-btn{height:36px;justify-content:center;padding:0;width:36px}.accountability-tier-grid{grid-template-columns:1fr}.tier-labels{align-items:flex-start;flex-direction:column}}:root{--scoring-fit-color:#3b82f6;--scoring-intent-color:#f59e0b;--scoring-source-color:#10b981;--tier-hot-color:#ef4444;--tier-warm-color:#f97316;--tier-cold-color:#3b82f6;--tier-unqualified-color:#6b7280;--scoring-gradient-mesh:radial-gradient(ellipse at 10% 20%,#f59e0b14 0%,#0000 50%),radial-gradient(ellipse at 90% 80%,#ef444414 0%,#0000 50%),radial-gradient(ellipse at 50% 50%,#6366f10d 0%,#0000 60%);--scoring-header-gradient:linear-gradient(135deg,#f59e0b1f,#ef444414 50%,#6366f10f)}.scoring-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#09090bd9;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;position:fixed;right:0;top:0;z-index:1000}.scoring-modal-container{background:#18181b;background:var(--bg-panel,#18181b);border:1px solid #27272a;border:1px solid var(--border-color,#27272a);border-radius:20px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d,0 0 100px -20px #f59e0b26;display:flex;flex-direction:column;max-height:90vh;max-width:960px;overflow:hidden;position:relative;width:100%}.scoring-modal-container:before{background:radial-gradient(ellipse at 10% 20%,#f59e0b14 0,#0000 50%),radial-gradient(ellipse at 90% 80%,#ef444414 0,#0000 50%),radial-gradient(ellipse at 50% 50%,#6366f10d 0,#0000 60%);background:var(--scoring-gradient-mesh);content:"";height:200px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.scoring-header{background:linear-gradient(135deg,#f59e0b1f,#ef444414 50%,#6366f10f);background:var(--scoring-header-gradient);border-bottom:1px solid #27272a;border-bottom:1px solid var(--border-color,#27272a);flex-wrap:wrap;justify-content:space-between;padding:1.5rem;position:relative;z-index:1}.scoring-header,.scoring-header-left{align-items:center;display:flex;gap:1rem}.scoring-header-icon{align-items:center;background:linear-gradient(135deg,#f59e0b33,#ef444433);border:1px solid #f59e0b66;border-radius:14px;box-shadow:0 0 20px #f59e0b33,inset 0 1px 0 #ffffff1a;color:#f59e0b;display:flex;height:52px;justify-content:center;width:52px}.scoring-header-title{color:#fafafa;color:var(--text-primary,#fafafa);font-family:Space Grotesk,sans-serif;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.scoring-header-subtitle{color:#a1a1aa;color:var(--text-secondary,#a1a1aa);font-size:.875rem;margin:0}.scoring-header-actions{align-items:center;display:flex;gap:.75rem}.scoring-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.scoring-btn-primary{background:linear-gradient(135deg,#6366f1,#7c3aed);background:linear-gradient(135deg,var(--color-primary,#6366f1),#7c3aed);box-shadow:0 4px 14px #6366f159;color:#fff}.scoring-btn-primary:hover{box-shadow:0 6px 20px #6366f173;transform:translateY(-1px)}.scoring-btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--color-success,#22c55e),#16a34a);box-shadow:0 4px 14px #22c55e59;color:#fff}.scoring-btn-success:hover{box-shadow:0 6px 20px #22c55e73;transform:translateY(-1px)}.scoring-btn-ghost{background:#27272a;background:var(--bg-elevated,#27272a);border:1px solid #27272a;border:1px solid var(--border-color,#27272a);color:#a1a1aa;color:var(--text-secondary,#a1a1aa)}.scoring-btn-ghost:hover{background:#18181b;background:var(--bg-panel,#18181b);border-color:#ffffff1a;color:#fafafa;color:var(--text-primary,#fafafa)}.scoring-btn-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#a1a1aa;color:var(--text-secondary,#a1a1aa);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.scoring-btn-close:hover{background:#27272a;background:var(--bg-elevated,#27272a);color:#fafafa;color:var(--text-primary,#fafafa)}.scoring-status-badge{align-items:center;border-radius:20px;display:flex;font-size:.8125rem;font-weight:600;gap:.375rem;padding:.5rem .875rem;transition:all .2s ease}.scoring-status-badge.active{background:linear-gradient(135deg,#22c55e33,#10b98133);border:1px solid #22c55e4d;box-shadow:0 0 15px #22c55e26;color:#22c55e}.scoring-status-badge.inactive{background:#27272a;background:var(--bg-elevated,#27272a);border:1px solid #27272a;border:1px solid var(--border-color,#27272a);color:#a1a1aa;color:var(--text-secondary,#a1a1aa)}.scoring-content{background:#09090b;background:var(--bg-primary,#09090b);flex:1 1;overflow-y:auto;padding:1.5rem;position:relative;z-index:1}.scoring-content::-webkit-scrollbar{width:8px}.scoring-content::-webkit-scrollbar-track{background:#0000}.scoring-content::-webkit-scrollbar-thumb{background:#27272a;background:var(--border-color,#27272a);border-radius:4px}.scoring-content::-webkit-scrollbar-thumb:hover{background:#ffffff26}.scoring-loading{align-items:center;color:#a1a1aa;color:var(--text-secondary,#a1a1aa);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.scoring-loading-spinner{animation:scoring-spin 1s linear infinite;color:#6366f1;color:var(--color-primary,#6366f1)}@keyframes scoring-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.scoring-section{background:#18181b;background:var(--bg-panel,#18181b);border:1px solid #27272a;border:1px solid var(--border-color,#27272a);border-radius:14px;margin-bottom:1rem;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.scoring-section.expanded{border-color:#ffffff14;box-shadow:0 8px 30px #0000004d}.scoring-section-header{align-items:center;background:#0000;border:none;color:#fafafa;color:var(--text-primary,#fafafa);cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.25rem;transition:background .2s ease;width:100%}.scoring-section-header:hover{background:#ffffff08}.scoring-section-header-left{align-items:center;display:flex;gap:.75rem}.scoring-section-icon{align-items:center;border-radius:10px;display:flex;height:36px;justify-content:center;width:36px}.scoring-section-icon.templates{background:#8b5cf626;color:#8b5cf6}.scoring-section-icon.rules{background:#6366f126;color:#6366f1}.scoring-section-icon.tiers{background:#06b6d426;color:#06b6d4}.scoring-section-icon.test{background:#22c55e26;color:#22c55e}.scoring-section-title{font-size:.9375rem;font-weight:600}.scoring-section-badge{background:#27272a;background:var(--bg-elevated,#27272a);border-radius:12px;color:#a1a1aa;color:var(--text-secondary,#a1a1aa);font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:.75rem;padding:.25rem .75rem}.scoring-section-chevron{color:#71717a;color:var(--text-muted,#71717a);transition:transform .3s ease}.scoring-section.expanded .scoring-section-chevron{transform:rotate(180deg)}.scoring-section-content{overflow:hidden;padding:0 1.25rem 1.25rem}.scoring-templates-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.scoring-template-card{background:#27272a;background:var(--bg-elevated,#27272a);border:1px solid #27272a;border:1px solid var(--border-color,#27272a);border-radius:12px;color:#fafafa;color:var(--text-primary,#fafafa);cursor:pointer;overflow:hidden;padding:1.25rem;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.scoring-template-card:before{background:linear-gradient(90deg,#6366f1,#8b5cf6);background:linear-gradient(90deg,var(--color-primary,#6366f1),#8b5cf6);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.scoring-template-card:hover{border-color:#6366f14d;box-shadow:0 12px 30px #0000004d,0 0 0 1px #6366f11a;transform:translateY(-4px)}.scoring-template-card:hover:before{opacity:1}.scoring-template-card.recommended{background:linear-gradient(135deg,#8b5cf614,#27272a);background:linear-gradient(135deg,#8b5cf614 0,var(--bg-elevated,#27272a) 100%);border-color:#8b5cf64d}.scoring-template-card.recommended:before{background:linear-gradient(90deg,#8b5cf6,#ec4899);opacity:1}.scoring-template-name{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.scoring-template-badge{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:10px;color:#fff;font-size:.625rem;font-weight:600;letter-spacing:.05em;padding:.125rem .5rem;text-transform:uppercase}.scoring-template-desc{color:#a1a1aa;color:var(--text-secondary,#a1a1aa);font-size:.8125rem;line-height:1.5;margin-bottom:.75rem}.scoring-template-meta{color:#6366f1;color:var(--color-primary,#6366f1);font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:.75rem;font-weight:500}.scoring-dimension-panel{background:#27272a;background:var(--bg-elevated,#27272a);border:1px solid #27272a;border:1px solid var(--border-color,#27272a);border-radius:14px;margin-bottom:1.25rem;overflow:hidden}.scoring-dimension-panel.fit{border-top:3px solid #3b82f6;border-top:3px solid var(--scoring-fit-color)}.scoring-dimension-panel.intent{border-top:3px solid #f59e0b;border-top:3px solid var(--scoring-intent-color)}.scoring-dimension-panel.source{border-top:3px solid #10b981;border-top:3px solid var(--scoring-source-color)}.scoring-dimension-header{background:#0003;border-bottom:1px solid #27272a;border-bottom:1px solid var(--border-color,#27272a);flex-wrap:wrap;gap:.75rem;padding:1rem 1.25rem}.scoring-dimension-header-left{align-items:center;display:flex;gap:.75rem}.scoring-dimension-icon{align-items:center;border-radius:8px;display:flex;height:32px;justify-content:center;width:32px}.scoring-dimension-icon.fit{background:#3b82f626;color:#3b82f6;color:var(--scoring-fit-color)}.scoring-dimension-icon.intent{background:#f59e0b26;color:#f59e0b;color:var(--scoring-intent-color)}.scoring-dimension-icon.source{background:#10b98126;color:#10b981;color:var(--scoring-source-color)}.scoring-dimension-label{color:#fafafa;color:var(--text-primary,#fafafa);font-size:.9375rem;font-weight:600}.scoring-dimension-count{color:#71717a;color:var(--text-muted,#71717a)}.scoring-dimension-count,.scoring-dimension-weight{font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:.75rem}.scoring-dimension-weight{background:#09090b;background:var(--bg-primary,#09090b);border-radius:6px;color:#a1a1aa;color:var(--text-secondary,#a1a1aa);padding:.375rem .625rem}.scoring-dimension-add-btn{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.5rem .875rem;transition:all .2s ease}.scoring-dimension-add-btn,.scoring-dimension-add-btn.fit{background:#3b82f6;background:var(--scoring-fit-color)}.scoring-dimension-add-btn.intent{background:#f59e0b;background:var(--scoring-intent-color)}.scoring-dimension-add-btn.source{background:#10b981;background:var(--scoring-source-color)}.scoring-dimension-add-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.scoring-dimension-rules{padding:.75rem}.scoring-dimension-empty{color:#71717a;color:var(--text-muted,#71717a);text-align:center}.scoring-rule-row{grid-gap:.75rem;background:#09090b;background:var(--bg-primary,#09090b);border:1px solid #0000;border-radius:10px;display:grid;gap:.75rem;grid-template-columns:1fr 140px 1fr 80px 40px;transition:all .2s ease}.scoring-rule-row:hover{background:#0000004d;border-color:#ffffff0d}.scoring-rule-input{background:#27272a;background:var(--bg-elevated,#27272a);border:1px solid #27272a;border:1px solid var(--border-color,#27272a);border-radius:8px;color:#fafafa;color:var(--text-primary,#fafafa);font-size:.875rem;padding:.625rem .75rem;transition:all .2s ease}.scoring-rule-input:focus{border-color:#6366f1;border-color:var(--color-primary,#6366f1);box-shadow:0 0 0 3px #6366f126}.scoring-rule-input::placeholder{color:#71717a;color:var(--text-muted,#71717a)}.scoring-rule-select{background:#27272a;background:var(--bg-elevated,#27272a);border:1px solid #27272a;border:1px solid var(--border-color,#27272a);border-radius:8px;color:#fafafa;color:var(--text-primary,#fafafa);font-size:.875rem;padding:.625rem .75rem;transition:all .2s ease}.scoring-rule-select:focus{border-color:#6366f1;border-color:var(--color-primary,#6366f1)}.scoring-rule-points{background:#27272a;background:var(--bg-elevated,#27272a);border:1px solid #27272a;border:1px solid var(--border-color,#27272a);border-radius:8px;color:#22c55e;color:var(--color-success,#22c55e);font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:.875rem;padding:.625rem .75rem;transition:all .2s ease}.scoring-rule-points:focus{border-color:#22c55e;border-color:var(--color-success,#22c55e)}.scoring-rule-delete{border:1px solid #27272a;border:1px solid var(--border-color,#27272a);border-radius:8px;color:#71717a;color:var(--text-muted,#71717a);height:36px;transition:all .2s ease;width:36px}.scoring-rule-delete:hover{border-color:#ef44444d;color:#ef4444}.scoring-tiers-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.scoring-tier-card{background:#27272a;background:var(--bg-elevated,#27272a);border:1px solid #27272a;border:1px solid var(--border-color,#27272a);border-radius:14px;overflow:hidden;padding:1.25rem;position:relative;text-align:center;transition:all .3s ease}.scoring-tier-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.scoring-tier-card.hot:before{background:#ef4444;background:var(--tier-hot-color)}.scoring-tier-card.warm:before{background:#f97316;background:var(--tier-warm-color)}.scoring-tier-card.cold:before{background:#3b82f6;background:var(--tier-cold-color)}.scoring-tier-card.unqualified:before{background:#6b7280;background:var(--tier-unqualified-color)}.scoring-tier-card:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.scoring-tier-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;margin:0 auto .75rem;width:48px}.scoring-tier-icon.hot{background:#ef444426;box-shadow:0 0 20px #ef444433;color:#ef4444;color:var(--tier-hot-color)}.scoring-tier-icon.warm{background:#f9731626;box-shadow:0 0 20px #f9731633;color:#f97316;color:var(--tier-warm-color)}.scoring-tier-icon.cold{background:#3b82f626;box-shadow:0 0 20px #3b82f633;color:#3b82f6;color:var(--tier-cold-color)}.scoring-tier-icon.unqualified{background:#6b728026;color:#6b7280;color:var(--tier-unqualified-color)}.scoring-tier-label{color:#fafafa;color:var(--text-primary,#fafafa);font-size:.9375rem;font-weight:600;margin-bottom:.375rem}.scoring-tier-desc{color:#71717a;color:var(--text-muted,#71717a);font-size:.75rem;line-height:1.4;margin-bottom:1rem}.scoring-tier-threshold{align-items:center;display:flex;gap:.5rem;justify-content:center}.scoring-tier-threshold-label{color:#71717a;color:var(--text-muted,#71717a);font-size:.75rem}.scoring-tier-threshold-input{background:#09090b;background:var(--bg-primary,#09090b);border:1px solid #27272a;border:1px solid var(--border-color,#27272a);border-radius:8px;font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:1rem;font-weight:600;padding:.5rem;text-align:center;transition:all .2s ease;width:60px}.scoring-tier-threshold-input.hot{color:#ef4444;color:var(--tier-hot-color)}.scoring-tier-threshold-input.warm{color:#f97316;color:var(--tier-warm-color)}.scoring-tier-threshold-input.cold{color:#3b82f6;color:var(--tier-cold-color)}.scoring-tier-threshold-input.unqualified{color:#6b7280;color:var(--tier-unqualified-color)}.scoring-tier-threshold-input:focus{border-color:#6366f1;border-color:var(--color-primary,#6366f1);outline:none}.scoring-tier-threshold-input:disabled{background:#0000;border-color:#0000}.scoring-weights-section{border-top:1px solid #27272a;border-top:1px solid var(--border-color,#27272a);padding-top:1.5rem}.scoring-weights-title{color:#fafafa;color:var(--text-primary,#fafafa);font-size:.9375rem;font-weight:600;margin-bottom:1rem}.scoring-weights-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.scoring-weight-item{text-align:center}.scoring-weight-label{align-items:center;color:#fafafa;color:var(--text-primary,#fafafa);display:flex;font-size:.875rem;gap:.5rem;justify-content:center;margin-bottom:.75rem}.scoring-weight-slider{-webkit-appearance:none;appearance:none;background:#09090b;background:var(--bg-primary,#09090b);border-radius:3px;height:6px;outline:none;width:100%}.scoring-weight-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border-radius:50%;cursor:pointer;height:18px;-webkit-transition:transform .2s ease;transition:transform .2s ease;width:18px}.scoring-weight-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.scoring-weight-slider.fit::-webkit-slider-thumb{background:#3b82f6;background:var(--scoring-fit-color)}.scoring-weight-slider.intent::-webkit-slider-thumb{background:#f59e0b;background:var(--scoring-intent-color)}.scoring-weight-slider.source::-webkit-slider-thumb{background:#10b981;background:var(--scoring-source-color)}.scoring-weight-value{font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:1rem;font-weight:600;margin-top:.5rem}.scoring-weight-value.fit{color:#3b82f6;color:var(--scoring-fit-color)}.scoring-weight-value.intent{color:#f59e0b;color:var(--scoring-intent-color)}.scoring-weight-value.source{color:#10b981;color:var(--scoring-source-color)}.scoring-test-container{background:#27272a;background:var(--bg-elevated,#27272a);border:1px solid #27272a;border:1px solid var(--border-color,#27272a);border-radius:14px;padding:1.25rem}.scoring-test-info{background:#6366f114;border:1px solid #6366f126;border-radius:10px;margin-bottom:1.25rem;padding:.875rem 1rem}.scoring-test-info-header{align-items:center;color:#6366f1;color:var(--color-primary,#6366f1);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.25rem}.scoring-test-info-text{color:#a1a1aa;color:var(--text-secondary,#a1a1aa);font-size:.8125rem;margin:0}.scoring-test-dimension-group{margin-bottom:1.25rem}.scoring-test-dimension-header{align-items:center;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.scoring-test-dimension-header.fit{color:#3b82f6;color:var(--scoring-fit-color)}.scoring-test-dimension-header.intent{color:#f59e0b;color:var(--scoring-intent-color)}.scoring-test-dimension-header.source{color:#10b981;color:var(--scoring-source-color)}.scoring-test-fields-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.scoring-test-field{position:relative}.scoring-test-field-label{display:block;font-size:.8125rem;font-weight:500;margin-bottom:.375rem}.scoring-test-field-label.fit{color:#3b82f6;color:var(--scoring-fit-color)}.scoring-test-field-label.intent{color:#f59e0b;color:var(--scoring-intent-color)}.scoring-test-field-label.source{color:#10b981;color:var(--scoring-source-color)}.scoring-test-field-input{background:#09090b;background:var(--bg-primary,#09090b);border:1px solid #27272a;border:1px solid var(--border-color,#27272a);border-radius:8px;color:#fafafa;color:var(--text-primary,#fafafa);font-size:.875rem;padding:.625rem .75rem;transition:all .2s ease;width:100%}.scoring-test-field-input:focus{border-color:#6366f1;border-color:var(--color-primary,#6366f1);box-shadow:0 0 0 3px #6366f126;outline:none}.scoring-test-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.scoring-test-hint{color:#71717a;color:var(--text-muted,#71717a);font-size:.75rem;margin-top:.75rem}.scoring-test-result{background:#27272a;background:var(--bg-elevated,#27272a);border:1px solid #27272a;border:1px solid var(--border-color,#27272a);border-radius:14px;margin-top:1rem;overflow:hidden;padding:1.5rem;position:relative}.scoring-test-result:before{background:radial-gradient(ellipse at 10% 20%,#f59e0b14 0,#0000 50%),radial-gradient(ellipse at 90% 80%,#ef444414 0,#0000 50%),radial-gradient(ellipse at 50% 50%,#6366f10d 0,#0000 60%);background:var(--scoring-gradient-mesh);content:"";height:100%;left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}.scoring-result-header{align-items:center;display:flex;gap:2rem;margin-bottom:1.5rem;position:relative;z-index:1}.scoring-result-score{text-align:center}.scoring-result-score-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--color-primary,#6366f1),#8b5cf6);-webkit-background-clip:text;background-clip:text;font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:3rem;font-weight:700;line-height:1}.scoring-result-score-label{color:#71717a;color:var(--text-muted,#71717a);font-size:.8125rem;margin-top:.25rem}.scoring-result-tier{text-align:center}.scoring-result-tier-icon{align-items:center;animation:scoring-tier-glow 2s ease-in-out infinite;border-radius:14px;display:flex;height:56px;justify-content:center;margin:0 auto .5rem;width:56px}.scoring-result-tier-icon.hot{background:linear-gradient(135deg,#ef444433,#f59e0b33);box-shadow:0 0 30px #ef44444d;color:#ef4444;color:var(--tier-hot-color)}.scoring-result-tier-icon.warm{background:linear-gradient(135deg,#f9731633,#f59e0b33);box-shadow:0 0 30px #f973164d;color:#f97316;color:var(--tier-warm-color)}.scoring-result-tier-icon.cold{background:#3b82f633;box-shadow:0 0 30px #3b82f64d;color:#3b82f6;color:var(--tier-cold-color)}.scoring-result-tier-icon.unqualified{background:#6b728033;color:#6b7280;color:var(--tier-unqualified-color)}@keyframes scoring-tier-glow{0%,to{opacity:1}50%{opacity:.8}}.scoring-result-tier-label{font-size:1.125rem;font-weight:600}.scoring-result-tier-label.hot{color:#ef4444;color:var(--tier-hot-color)}.scoring-result-tier-label.warm{color:#f97316;color:var(--tier-warm-color)}.scoring-result-tier-label.cold{color:#3b82f6;color:var(--tier-cold-color)}.scoring-result-tier-label.unqualified{color:#6b7280;color:var(--tier-unqualified-color)}.scoring-result-dimensions{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);position:relative;z-index:1}.scoring-result-dimension{background:#09090b;background:var(--bg-primary,#09090b);border:1px solid #27272a;border:1px solid var(--border-color,#27272a);border-radius:10px;padding:1rem;text-align:center}.scoring-result-dimension-value{font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:1.5rem;font-weight:700}.scoring-result-dimension-value.fit{color:#3b82f6;color:var(--scoring-fit-color)}.scoring-result-dimension-value.intent{color:#f59e0b;color:var(--scoring-intent-color)}.scoring-result-dimension-value.source{color:#10b981;color:var(--scoring-source-color)}.scoring-result-dimension-label{color:#71717a;color:var(--text-muted,#71717a);font-size:.75rem;letter-spacing:.05em;margin-top:.25rem;text-transform:uppercase}.scoring-result-rules{margin-top:1.5rem;position:relative;z-index:1}.scoring-result-rules-header{align-items:center;color:#fafafa;color:var(--text-primary,#fafafa);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.scoring-result-rules-header svg{color:#22c55e;color:var(--color-success,#22c55e)}.scoring-result-rules-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.scoring-result-rule{align-items:center;background:#09090b;background:var(--bg-primary,#09090b);border-left:3px solid;border-radius:8px;display:flex;justify-content:space-between;padding:.625rem .875rem}.scoring-result-rule.fit{border-left-color:#3b82f6;border-left-color:var(--scoring-fit-color)}.scoring-result-rule.intent{border-left-color:#f59e0b;border-left-color:var(--scoring-intent-color)}.scoring-result-rule.source{border-left-color:#10b981;border-left-color:var(--scoring-source-color)}.scoring-result-rule-info{align-items:center;display:flex;gap:.75rem}.scoring-result-rule-dimension{font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.scoring-result-rule-dimension.fit{color:#3b82f6;color:var(--scoring-fit-color)}.scoring-result-rule-dimension.intent{color:#f59e0b;color:var(--scoring-intent-color)}.scoring-result-rule-dimension.source{color:#10b981;color:var(--scoring-source-color)}.scoring-result-rule-name{color:#fafafa;color:var(--text-primary,#fafafa);font-size:.875rem}.scoring-result-rule-points{font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-weight:600}.scoring-result-rule-points.positive{color:#22c55e;color:var(--color-success,#22c55e)}.scoring-result-rule-points.negative{color:#ef4444;color:var(--color-error,#ef4444)}.scoring-result-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;position:relative;z-index:1}.scoring-result-tag{background:linear-gradient(135deg,#6366f1,#7c3aed);background:linear-gradient(135deg,var(--color-primary,#6366f1),#7c3aed);border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.scoring-footer{background:#18181b;background:var(--bg-panel,#18181b);border-top:1px solid #27272a;border-top:1px solid var(--border-color,#27272a);display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem;position:relative;z-index:1}@media (max-width:768px){.scoring-modal-overlay{padding:1rem}.scoring-modal-container{border-radius:16px;max-height:95vh}.scoring-header{align-items:flex-start;flex-direction:column;gap:1rem}.scoring-header-actions{justify-content:flex-end;width:100%}.scoring-templates-grid{grid-template-columns:1fr}.scoring-tiers-grid{grid-template-columns:repeat(2,1fr)}.scoring-rule-row,.scoring-weights-grid{grid-template-columns:1fr}.scoring-rule-row{gap:.5rem}.scoring-result-header{flex-direction:column;gap:1rem;text-align:center}.scoring-result-dimensions{grid-template-columns:1fr}}@media (max-width:480px){.scoring-tiers-grid{grid-template-columns:1fr}.scoring-test-actions{flex-direction:column}.scoring-test-actions .scoring-btn{justify-content:center;width:100%}}@keyframes scoring-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes scoring-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.scoring-animate-in{animation:scoring-slide-up .3s ease-out}.lead-scoring-page{--sc-fit:#3b82f6;--sc-fit-light:#60a5fa;--sc-fit-dark:#2563eb;--sc-fit-glow:#3b82f64d;--sc-fit-bg:#3b82f614;--sc-fit-border:#3b82f640;--sc-intent:#f59e0b;--sc-intent-light:#fbbf24;--sc-intent-dark:#d97706;--sc-intent-glow:#f59e0b4d;--sc-intent-bg:#f59e0b14;--sc-intent-border:#f59e0b40;--sc-source:#10b981;--sc-source-light:#34d399;--sc-source-dark:#059669;--sc-source-glow:#10b9814d;--sc-source-bg:#10b98114;--sc-source-border:#10b98140;--sc-tier-hot:#ef4444;--sc-tier-hot-light:#f87171;--sc-tier-hot-glow:#ef444466;--sc-tier-hot-bg:#ef44441f;--sc-tier-hot-border:#ef44444d;--sc-tier-hot-gradient:linear-gradient(135deg,#ef4444,#f97316);--sc-tier-warm:#f97316;--sc-tier-warm-light:#fb923c;--sc-tier-warm-glow:#f9731666;--sc-tier-warm-bg:#f973161f;--sc-tier-warm-border:#f973164d;--sc-tier-warm-gradient:linear-gradient(135deg,#f97316,#fbbf24);--sc-tier-cold:#3b82f6;--sc-tier-cold-light:#60a5fa;--sc-tier-cold-glow:#3b82f666;--sc-tier-cold-bg:#3b82f61f;--sc-tier-cold-border:#3b82f64d;--sc-tier-cold-gradient:linear-gradient(135deg,#3b82f6,#06b6d4);--sc-tier-unqualified:#6b7280;--sc-tier-unqualified-light:#9ca3af;--sc-tier-unqualified-glow:#6b72804d;--sc-tier-unqualified-bg:#6b72801f;--sc-tier-unqualified-border:#6b72804d;--sc-tier-unqualified-gradient:linear-gradient(135deg,#6b7280,#9ca3af);--sc-bg-page:var(--bg-void,#05080d);--sc-bg-content:var(--bg-primary,#0a0f18);--sc-bg-panel:var(--bg-panel,#111827);--sc-bg-card:var(--bg-card,#161f30);--sc-bg-hover:var(--bg-hover,#1a2540);--sc-bg-input:#0f172a99;--sc-bg-surface:#0003;--sc-text-primary:var(--text-primary,#f1f5f9);--sc-text-secondary:var(--text-secondary,#94a3b8);--sc-text-muted:var(--text-muted,#64748b);--sc-text-dim:var(--text-dim,#475569);--sc-border:var(--border-color,#94a3b81f);--sc-border-strong:#94a3b833;--sc-border-subtle:#94a3b814;--sc-border-active:var(--border-active,#38bdf84d);--sc-primary:var(--color-primary,#38bdf8);--sc-primary-hover:var(--color-primary-hover,#0ea5e9);--sc-primary-glow:var(--color-primary-glow,#38bdf84d);--sc-accent:#8b5cf6;--sc-accent-glow:#8b5cf64d;--sc-success:var(--color-success,#22c55e);--sc-success-glow:#22c55e4d;--sc-success-bg:#22c55e1f;--sc-warning:var(--color-warning,#eab308);--sc-warning-glow:#eab3084d;--sc-warning-bg:#eab3081f;--sc-error:var(--color-error,#ef4444);--sc-error-glow:#ef44444d;--sc-error-bg:#ef44441f;--sc-gradient-header:radial-gradient(ellipse at 20% 20%,var(--sc-fit-bg) 0%,#0000 50%),radial-gradient(ellipse at 80% 30%,var(--sc-intent-bg) 0%,#0000 50%),radial-gradient(ellipse at 50% 80%,var(--sc-source-bg) 0%,#0000 50%);--sc-gradient-gauge:conic-gradient(from 180deg,var(--sc-tier-unqualified) 0deg,var(--sc-tier-cold) 90deg,var(--sc-tier-warm) 180deg,var(--sc-tier-hot) 270deg,var(--sc-tier-hot) 360deg);--sc-gradient-shine:linear-gradient(135deg,#ffffff0d,#0000 50%,#ffffff05);--sc-gradient-primary:linear-gradient(135deg,var(--sc-primary),var(--sc-accent));--sc-shadow-sm:0 1px 2px #0000004d;--sc-shadow-md:0 4px 12px #0006;--sc-shadow-lg:0 8px 32px #00000080;--sc-shadow-xl:0 20px 40px #0009;--sc-shadow-hot:0 0 30px var(--sc-tier-hot-glow);--sc-shadow-warm:0 0 30px var(--sc-tier-warm-glow);--sc-shadow-cold:0 0 30px var(--sc-tier-cold-glow);--sc-shadow-glow:0 0 20px var(--sc-primary-glow);--sc-header-height:72px;--sc-sidebar-width:320px;--sc-content-max-width:1400px;--sc-content-padding:var(--space-6,1.5rem);--sc-card-radius:16px;--sc-panel-radius:20px;--sc-button-radius:10px;--sc-input-radius:8px;--sc-font-display:var(--font-display,"Space Grotesk",sans-serif);--sc-font-data:var(--font-data,"JetBrains Mono",monospace);--sc-font-body:var(--font-body,"Space Grotesk",sans-serif);--sc-score-size-sm:2rem;--sc-score-size-md:3rem;--sc-score-size-lg:4rem;--sc-score-size-xl:5rem;--sc-transition-fast:100ms;--sc-transition-base:200ms;--sc-transition-slow:300ms;--sc-ease-out:cubic-bezier(0.16,1,0.3,1);--sc-ease-spring:cubic-bezier(0.34,1.56,0.64,1);--sc-z-content:1;--sc-z-panel:10;--sc-z-sidebar:20;--sc-z-header:30;--sc-z-dropdown:100;--sc-z-modal:200;--sc-z-tooltip:300}.lead-scoring-page .tier-hot{--tier-color:var(--sc-tier-hot);--tier-glow:var(--sc-tier-hot-glow);--tier-bg:var(--sc-tier-hot-bg);--tier-border:var(--sc-tier-hot-border);--tier-gradient:var(--sc-tier-hot-gradient)}.lead-scoring-page .tier-warm{--tier-color:var(--sc-tier-warm);--tier-glow:var(--sc-tier-warm-glow);--tier-bg:var(--sc-tier-warm-bg);--tier-border:var(--sc-tier-warm-border);--tier-gradient:var(--sc-tier-warm-gradient)}.lead-scoring-page .tier-cold{--tier-color:var(--sc-tier-cold);--tier-glow:var(--sc-tier-cold-glow);--tier-bg:var(--sc-tier-cold-bg);--tier-border:var(--sc-tier-cold-border);--tier-gradient:var(--sc-tier-cold-gradient)}.lead-scoring-page .tier-unqualified{--tier-color:var(--sc-tier-unqualified);--tier-glow:var(--sc-tier-unqualified-glow);--tier-bg:var(--sc-tier-unqualified-bg);--tier-border:var(--sc-tier-unqualified-border);--tier-gradient:var(--sc-tier-unqualified-gradient)}.lead-scoring-page .dimension-fit{--dim-color:var(--sc-fit);--dim-light:var(--sc-fit-light);--dim-glow:var(--sc-fit-glow);--dim-bg:var(--sc-fit-bg);--dim-border:var(--sc-fit-border)}.lead-scoring-page .dimension-intent{--dim-color:var(--sc-intent);--dim-light:var(--sc-intent-light);--dim-glow:var(--sc-intent-glow);--dim-bg:var(--sc-intent-bg);--dim-border:var(--sc-intent-border)}.lead-scoring-page .dimension-source{--dim-color:var(--sc-source);--dim-light:var(--sc-source-light);--dim-glow:var(--sc-source-glow);--dim-bg:var(--sc-source-bg);--dim-border:var(--sc-source-border)}.lead-scoring-page{background:var(--sc-bg-page);min-height:100vh;position:relative}.lead-scoring-page:before{background:var(--sc-gradient-header);content:"";height:400px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.scoring-page-header{align-items:center;background:var(--sc-bg-panel);border-bottom:1px solid var(--sc-border);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem var(--sc-content-padding);position:relative;z-index:var(--sc-z-header)}.scoring-page-header__left{display:flex;flex-direction:column;gap:.75rem}.scoring-page-header__back{align-items:center;background:var(--sc-bg-input);border:1px solid var(--sc-border);border-radius:var(--sc-button-radius);color:var(--sc-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;left:var(--sc-content-padding);position:absolute;top:50%;transform:translateY(-50%);transition:all var(--sc-transition-base) var(--sc-ease-out);width:36px}.scoring-page-header__back:hover{background:var(--sc-bg-hover);border-color:var(--sc-border-strong);color:var(--sc-text-primary)}.scoring-page-header__breadcrumb{align-items:center;display:flex;font-size:.8125rem;gap:.5rem;padding-left:3rem}.breadcrumb-link{color:var(--sc-text-secondary);text-decoration:none;transition:color var(--sc-transition-fast)}.breadcrumb-link:hover{color:var(--sc-primary)}.breadcrumb-current{color:var(--sc-text-muted)}.scoring-page-header__title{align-items:center;display:flex;gap:1rem;padding-left:3rem}.scoring-page-header__icon{align-items:center;background:linear-gradient(135deg,var(--sc-intent-bg),var(--sc-tier-hot-bg));border:1px solid var(--sc-intent-border);border-radius:14px;box-shadow:0 0 20px var(--sc-intent-glow);color:var(--sc-intent);display:flex;height:48px;justify-content:center;width:48px}.scoring-page-header__title h1{color:var(--sc-text-primary);font-family:var(--sc-font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.scoring-page-header__title p{color:var(--sc-text-secondary);font-size:.875rem;margin:.25rem 0 0}.scoring-page-header__actions{align-items:center;display:flex;gap:.75rem}.status-toggle{align-items:center;background:var(--sc-bg-input);border:1px solid var(--sc-border);border-radius:20px;color:var(--sc-text-muted);cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all var(--sc-transition-base) var(--sc-ease-out)}.status-toggle:hover{border-color:var(--sc-border-strong)}.status-toggle.active{background:var(--sc-success-bg);border-color:var(--sc-success);box-shadow:0 0 15px var(--sc-success-glow);color:var(--sc-success)}.lead-scoring-page .btn-primary{align-items:center;background:var(--sc-gradient-primary);border:none;border-radius:var(--sc-button-radius);box-shadow:var(--sc-shadow-md),var(--sc-shadow-glow);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all var(--sc-transition-base) var(--sc-ease-out)}.lead-scoring-page .btn-primary:hover:not(:disabled){box-shadow:var(--sc-shadow-lg),var(--sc-shadow-glow);transform:translateY(-2px)}.lead-scoring-page .btn-primary:disabled{cursor:not-allowed;opacity:.5}.scoring-page-content{grid-gap:var(--sc-content-padding);display:grid;gap:var(--sc-content-padding);grid-template-columns:var(--sc-sidebar-width) 1fr;margin:0 auto;max-width:var(--sc-content-max-width);min-height:calc(100vh - var(--sc-header-height) - 80px);padding:var(--sc-content-padding);position:relative;z-index:var(--sc-z-content)}.scoring-page-loading{align-items:center;color:var(--sc-text-secondary);display:flex;flex-direction:column;gap:1rem;grid-column:1/-1;justify-content:center;padding:4rem}.scoring-page-loading p{font-size:.9375rem;margin:0}.scoring-page-sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:calc(var(--sc-content-padding) + 80px)}.score-preview-card,.scoring-page-sidebar{display:flex;flex-direction:column;gap:1.5rem}.score-preview-card{align-items:center;background:var(--sc-bg-panel);border:1px solid var(--sc-border);border-radius:var(--sc-panel-radius);overflow:hidden;padding:1.5rem;position:relative}.score-preview-card:before{background:var(--sc-gradient-shine);content:"";height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0}.score-preview-dimensions{display:flex;flex-direction:column;gap:.75rem;width:100%}.scoring-nav{background:var(--sc-bg-panel);border:1px solid var(--sc-border);border-radius:var(--sc-panel-radius);display:flex;flex-direction:column;gap:.25rem;padding:.5rem}.scoring-nav__item{align-items:center;background:#0000;border:none;border-radius:var(--sc-button-radius);color:var(--sc-text-secondary);cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.75rem;padding:.875rem 1rem;text-align:left;transition:all var(--sc-transition-base) var(--sc-ease-out);width:100%}.scoring-nav__item:hover{background:var(--sc-bg-hover);color:var(--sc-text-primary)}.scoring-nav__item.active{background:var(--sc-primary-glow);box-shadow:inset 0 0 0 1px var(--sc-border-active);color:var(--sc-primary)}.scoring-nav__badge{background:var(--sc-bg-input);border-radius:8px;color:var(--sc-text-muted);font-family:var(--sc-font-data);font-size:.75rem;font-weight:600;margin-left:auto;padding:.25rem .5rem}.scoring-nav__item.active .scoring-nav__badge{background:var(--sc-primary);color:#fff}.scoring-page-main{min-height:500px}.scoring-section-panel{background:var(--sc-bg-panel);border:1px solid var(--sc-border);border-radius:var(--sc-panel-radius);overflow:hidden}.scoring-section-panel .scoring-section{background:#0000;border:none;border-radius:0;margin-bottom:0}.scoring-section-panel .scoring-section-header{display:none}.scoring-section-panel .scoring-section-content{padding:1.5rem}.score-gauge{align-items:center;display:flex;flex-direction:column;position:relative}.score-gauge--glowing{animation:gauge-pulse 1.5s ease-out}@keyframes gauge-pulse{0%{filter:brightness(1)}50%{filter:brightness(1.2)}to{filter:brightness(1)}}.score-gauge__svg{display:block}.score-gauge__center{align-items:center;display:flex;flex-direction:column;gap:.25rem;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.score-gauge__value{color:var(--sc-text-primary);font-family:var(--sc-font-data);font-weight:700;letter-spacing:-.02em;line-height:1}.score-gauge__tier-icon{align-items:center;display:flex;justify-content:center}.score-gauge__tier-icon.tier-hot{color:var(--sc-tier-hot)}.score-gauge__tier-icon.tier-warm{color:var(--sc-tier-warm)}.score-gauge__tier-icon.tier-cold{color:var(--sc-tier-cold)}.score-gauge__tier-icon.tier-unqualified{color:var(--sc-tier-unqualified)}.score-gauge__label{align-items:center;background:var(--sc-bg-surface);border-radius:20px;display:flex;font-size:.875rem;font-weight:600;gap:.375rem;margin-top:1rem;padding:.375rem .75rem;text-transform:capitalize}.score-gauge__label.tier-hot{background:var(--sc-tier-hot-bg);box-shadow:0 0 15px var(--sc-tier-hot-glow);color:var(--sc-tier-hot)}.score-gauge__label.tier-warm{background:var(--sc-tier-warm-bg);box-shadow:0 0 15px var(--sc-tier-warm-glow);color:var(--sc-tier-warm)}.score-gauge__label.tier-cold{background:var(--sc-tier-cold-bg);color:var(--sc-tier-cold)}.score-gauge__label.tier-unqualified{background:var(--sc-tier-unqualified-bg);color:var(--sc-tier-unqualified)}.score-gauge--sm .score-gauge__label{font-size:.75rem;margin-top:.5rem}.score-gauge--lg .score-gauge__label{font-size:1rem;margin-top:1.25rem}.score-gauge--xl .score-gauge__label{font-size:1.125rem;margin-top:1.5rem}.tier-badge{align-items:center;background:var(--tier-bg);border:1px solid var(--tier-border);border-radius:20px;color:var(--tier-color);cursor:default;display:inline-flex;font-weight:600;gap:.375rem;padding:.375rem .75rem;text-transform:capitalize;transition:all var(--sc-transition-base) var(--sc-ease-out)}.tier-badge__icon{align-items:center;display:flex;justify-content:center}.tier-badge__label{line-height:1}.tier-badge--sm{font-size:.75rem;gap:.25rem;padding:.25rem .5rem}.tier-badge--md{font-size:.8125rem;padding:.375rem .75rem}.tier-badge--lg{font-size:.9375rem;gap:.5rem;padding:.5rem 1rem}.tier-badge--hot{--tier-color:var(--sc-tier-hot);--tier-bg:var(--sc-tier-hot-bg);--tier-border:var(--sc-tier-hot-border)}.tier-badge--hot.tier-badge--glow{animation:tier-hot-pulse 2s ease-in-out infinite;box-shadow:0 0 12px var(--sc-tier-hot-glow)}@keyframes tier-hot-pulse{0%,to{box-shadow:0 0 12px var(--sc-tier-hot-glow)}50%{box-shadow:0 0 20px var(--sc-tier-hot-glow),0 0 30px var(--sc-tier-hot-glow)}}.tier-badge--warm{--tier-color:var(--sc-tier-warm);--tier-bg:var(--sc-tier-warm-bg);--tier-border:var(--sc-tier-warm-border)}.tier-badge--warm.tier-badge--glow{box-shadow:0 0 12px var(--sc-tier-warm-glow)}.tier-badge--cold{--tier-color:var(--sc-tier-cold);--tier-bg:var(--sc-tier-cold-bg);--tier-border:var(--sc-tier-cold-border)}.tier-badge--cold.tier-badge--glow{box-shadow:0 0 8px var(--sc-tier-cold-glow)}.tier-badge--unqualified{--tier-color:var(--sc-tier-unqualified);--tier-bg:var(--sc-tier-unqualified-bg);--tier-border:var(--sc-tier-unqualified-border)}.dimension-card{background:var(--sc-bg-surface);border-left:3px solid var(--dim-color);border-radius:var(--sc-card-radius);overflow:hidden;padding:1rem;transition:all var(--sc-transition-base) var(--sc-ease-out)}.dimension-card--expanded,.dimension-card:hover{background:var(--dim-bg)}.dimension-card__header{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.dimension-card__icon{align-items:center;background:var(--dim-bg);border-radius:8px;color:var(--dim-color);display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.dimension-card__label{color:var(--sc-text-primary);font-size:.8125rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.dimension-card__weight{background:var(--sc-bg-input);border-radius:6px;color:var(--sc-text-muted);font-family:var(--sc-font-data);font-size:.75rem;padding:.25rem .5rem}.dimension-card__expand-icon{align-items:center;color:var(--sc-text-muted);display:flex;margin-left:auto;transition:transform var(--sc-transition-fast)}.dimension-card__score-section{margin-bottom:.75rem}.dimension-card__score{align-items:baseline;display:flex;font-family:var(--sc-font-data);margin-bottom:.5rem}.dimension-card__score-value{color:var(--dim-color);font-size:1.5rem;font-weight:700;line-height:1}.dimension-card__score-max{color:var(--sc-text-muted);font-size:.875rem;margin-left:.25rem}.dimension-card__progress{border-radius:3px;height:6px;overflow:visible;position:relative}.dimension-card__progress-track{background:var(--sc-bg-input);border-radius:3px;bottom:0;left:0;position:absolute;right:0;top:0}.dimension-card__progress-fill{border-radius:3px;height:100%;left:0;position:absolute;top:0;transition:width var(--sc-transition-slow) var(--sc-ease-out)}.dimension-card__progress-markers{bottom:0;left:0;position:absolute;right:0;top:0}.dimension-card__progress-markers .marker{background:var(--sc-border-strong);border-radius:1px;height:10px;opacity:.5;position:absolute;top:-2px;width:2px}.dimension-card__footer{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.dimension-card__rules{color:var(--sc-text-muted);font-size:.75rem}.dimension-card__matched{background:var(--sc-success-bg);border-radius:10px;color:var(--sc-success);font-size:.75rem;font-weight:500;padding:.125rem .5rem}.dimension-card__details{border-top:1px solid var(--sc-border-subtle);margin-top:.75rem;overflow:hidden;padding-top:.75rem}.dimension-card__rules-list{display:flex;flex-direction:column;gap:.375rem}.dimension-card__rule-item{align-items:center;background:var(--sc-bg-input);border-radius:8px;display:flex;font-size:.8125rem;justify-content:space-between;padding:.5rem .75rem}.dimension-card__rule-item .rule-name{color:var(--sc-text-primary);flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dimension-card__rule-item .rule-points{flex-shrink:0;font-family:var(--sc-font-data);font-weight:600;margin-left:.5rem}.dimension-card__rule-item .rule-points.positive{color:var(--sc-success)}.dimension-card__rule-item .rule-points.negative{color:var(--sc-error)}.dimension-fit{--dim-color:var(--sc-fit);--dim-bg:var(--sc-fit-bg)}.dimension-intent{--dim-color:var(--sc-intent);--dim-bg:var(--sc-intent-bg)}.dimension-source{--dim-color:var(--sc-source);--dim-bg:var(--sc-source-bg)}.animate-spin{animation:spin 1s linear infinite}@media (max-width:1024px){.scoring-page-content{grid-template-columns:1fr}.scoring-page-sidebar{flex-direction:row;flex-wrap:wrap;position:static}.score-preview-card{flex:1 1;min-width:280px}.scoring-nav{flex:2 1;flex-direction:row;flex-wrap:wrap;min-width:280px;padding:.75rem}.scoring-nav__item{flex:1 1;justify-content:center;min-width:140px}}@media (max-width:768px){.scoring-page-header{padding:1rem}.scoring-page-header__back{position:static;transform:none}.scoring-page-header__breadcrumb,.scoring-page-header__title{padding-left:0}.scoring-page-header__title h1{font-size:1.25rem}.scoring-page-content{padding:1rem}.scoring-nav{flex-direction:column}.scoring-nav__item{justify-content:flex-start}}@media (max-width:480px){.scoring-page-header__actions{justify-content:flex-end;width:100%}.status-toggle span:not(:first-child){display:none}.score-preview-card{padding:1rem}}.scoring-dimension-header{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:background var(--sc-transition-fast);width:100%}.scoring-dimension-header:hover{background:var(--sc-bg-hover)}.scoring-dimension-header-right{align-items:center;display:flex;gap:.75rem}.scoring-dimension-chevron{color:var(--sc-text-muted);transition:transform var(--sc-transition-fast)}.scoring-dimension-chevron.expanded{transform:rotate(180deg)}.scoring-dimension-warning{border-radius:10px;gap:.25rem;padding:.125rem .5rem}.scoring-dimension-warning,.scoring-section-warning{align-items:center;background:#f59e0b1a;color:var(--sc-warning);display:flex;font-size:.75rem;font-weight:600;margin-left:.5rem}.scoring-section-warning{border-radius:12px;gap:.375rem;padding:.25rem .625rem}.scoring-dimension-rules-container{overflow:hidden}.scoring-dimension-rules-list{list-style:none;margin:0;padding:0}.reorder-item-wrapper{cursor:default}.scoring-dimension-drag-hint{border-top:1px dashed var(--sc-border-subtle);color:var(--sc-text-muted);font-size:.75rem;margin-top:.5rem;padding:.75rem 1rem;text-align:center}.scoring-dimension-empty{align-items:center;color:var(--sc-text-muted);display:flex;flex-direction:column;font-size:.875rem;gap:.75rem;padding:2rem}.empty-add-btn{align-items:center;background:var(--sc-primary-glow);border:1px solid var(--sc-border-active);border-radius:var(--sc-button-radius);color:var(--sc-primary);cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.5rem 1rem;transition:all var(--sc-transition-fast)}.empty-add-btn:hover{background:var(--sc-primary);color:#fff}.scoring-rule-row{align-items:center;background:var(--sc-bg-surface);border:1px solid var(--sc-border-subtle);border-radius:var(--sc-card-radius);display:flex;gap:.5rem;margin-bottom:.5rem;padding:.75rem;position:relative;transition:all var(--sc-transition-fast)}.scoring-rule-row:hover{background:var(--sc-bg-hover);border-color:var(--sc-border)}.scoring-rule-row.is-dragging{background:var(--sc-bg-panel);border-color:var(--sc-primary);box-shadow:var(--sc-shadow-lg);z-index:100}.scoring-rule-drag-handle{align-items:center;color:var(--sc-text-muted);cursor:grab;display:flex;flex-shrink:0;height:32px;justify-content:center;opacity:.5;transition:opacity var(--sc-transition-fast),color var(--sc-transition-fast);width:24px}.scoring-rule-drag-handle:hover{color:var(--sc-text-secondary);opacity:1}.scoring-rule-drag-handle:active{cursor:grabbing}.scoring-rule-row.is-dragging .scoring-rule-drag-handle{color:var(--sc-primary);opacity:1}.scoring-rule-field-wrapper,.scoring-rule-operator-wrapper,.scoring-rule-points-wrapper,.scoring-rule-value-wrapper{align-items:center;display:flex;position:relative}.scoring-rule-field-wrapper{flex:1.5 1;min-width:120px}.scoring-rule-operator-wrapper{flex:1 1;min-width:100px}.scoring-rule-value-wrapper{flex:1.5 1;min-width:100px}.scoring-rule-points-wrapper{flex-shrink:0;width:80px}.scoring-rule-input{background:var(--sc-bg-input);border:1px solid var(--sc-border);border-radius:var(--sc-button-radius);color:var(--sc-text-primary);font-family:var(--sc-font-data);font-size:.8125rem;padding:.5rem 2rem .5rem .75rem;transition:all var(--sc-transition-fast);width:100%}.scoring-rule-input:focus{border-color:var(--sc-primary);box-shadow:0 0 0 3px var(--sc-primary-glow);outline:none}.scoring-rule-input.valid{border-color:var(--sc-success)}.scoring-rule-input.error{background:#ef44440d;border-color:var(--sc-error)}.scoring-rule-input.disabled{background:var(--sc-bg-surface);cursor:not-allowed;opacity:.5}.scoring-rule-input::placeholder{color:var(--sc-text-muted);opacity:.6}.scoring-rule-select{-webkit-appearance:none;appearance:none;background:var(--sc-bg-input);border:1px solid var(--sc-border);border-radius:var(--sc-button-radius);color:var(--sc-text-primary);cursor:pointer;font-size:.8125rem;padding:.5rem 2rem .5rem .75rem;transition:all var(--sc-transition-fast);width:100%}.scoring-rule-select:focus{border-color:var(--sc-primary);outline:none}.scoring-rule-operator-wrapper .select-chevron{color:var(--sc-text-muted);pointer-events:none;position:absolute;right:.5rem}.scoring-rule-points{background:var(--sc-bg-input);border:1px solid var(--sc-border);border-radius:var(--sc-button-radius);font-family:var(--sc-font-data);font-size:.9375rem;font-weight:600;padding:.5rem;text-align:center;transition:all var(--sc-transition-fast);width:100%}.scoring-rule-points:focus{border-color:var(--sc-primary);outline:none}.scoring-rule-points::-webkit-inner-spin-button,.scoring-rule-points::-webkit-outer-spin-button{opacity:0}.points-label{color:var(--sc-text-muted);font-size:.625rem;font-weight:600;text-transform:uppercase}.points-label,.scoring-rule-validation-icon{pointer-events:none;position:absolute;right:.5rem}.scoring-rule-validation-icon{align-items:center;display:flex;justify-content:center}.scoring-rule-validation-icon.valid{color:var(--sc-success)}.scoring-rule-validation-icon.error{color:var(--sc-error)}.scoring-rule-error-tooltip{background:var(--sc-bg-panel);border:1px solid var(--sc-error);border-radius:var(--sc-button-radius);bottom:100%;box-shadow:var(--sc-shadow-md);color:var(--sc-error);font-size:.75rem;left:0;margin-bottom:.375rem;padding:.375rem .625rem;position:absolute;white-space:nowrap;z-index:50}.scoring-rule-error-tooltip:after{border:6px solid #0000;border-top:6px solid var(--sc-error);content:"";left:1rem;position:absolute;top:100%}.scoring-rule-warning-bar{background:var(--sc-warning);border-radius:0 0 var(--sc-card-radius) var(--sc-card-radius);bottom:0;height:2px;left:0;position:absolute;right:0;transform-origin:left}.scoring-rule-delete{align-items:center;background:#0000;border:none;border-radius:var(--sc-button-radius);color:var(--sc-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all var(--sc-transition-fast);width:32px}.scoring-rule-delete:hover{background:#ef44441a;color:var(--sc-error)}.scoring-rule-suggestions{background:var(--sc-bg-panel);border:1px solid var(--sc-border);border-radius:var(--sc-card-radius);box-shadow:var(--sc-shadow-lg);left:0;margin-top:.375rem;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.suggestions-header{align-items:center;background:var(--sc-bg-surface);border-bottom:1px solid var(--sc-border-subtle);color:var(--sc-text-muted);display:flex;font-size:.6875rem;font-weight:600;gap:.375rem;letter-spacing:.05em;padding:.5rem .75rem;text-transform:uppercase}.suggestions-list{max-height:200px;overflow-y:auto}.suggestion-item{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:.75rem;padding:.625rem .75rem;text-align:left;transition:background var(--sc-transition-fast);width:100%}.suggestion-item:hover{background:var(--sc-bg-hover)}.suggestion-field{color:var(--sc-text-primary);font-family:var(--sc-font-data);font-size:.8125rem;font-weight:500}.suggestion-label{color:var(--sc-text-secondary);flex:1 1;font-size:.75rem}.suggestion-type{border-radius:4px;font-size:.625rem;font-weight:600;padding:.125rem .375rem;text-transform:uppercase}.suggestion-type.text{background:var(--sc-fit-bg);color:var(--sc-fit)}.suggestion-type.number{background:var(--sc-intent-bg);color:var(--sc-intent)}.suggestion-type.boolean{background:var(--sc-source-bg);color:var(--sc-source)}.scoring-rule-operator-hint{align-items:center;background:var(--sc-bg-panel);border:1px solid var(--sc-border);border-radius:var(--sc-button-radius);box-shadow:var(--sc-shadow-md);color:var(--sc-text-secondary);display:flex;font-size:.75rem;gap:.375rem;left:50%;margin-top:.5rem;padding:.5rem .75rem;position:absolute;top:100%;transform:translateX(-50%);white-space:nowrap;z-index:50}.scoring-rule-operator-hint:before{border:6px solid #0000;border-bottom:6px solid var(--sc-border);bottom:100%;content:"";left:50%;position:absolute;transform:translateX(-50%)}@media (max-width:768px){.scoring-rule-row{flex-wrap:wrap;gap:.5rem}.scoring-rule-drag-handle{height:24px;margin-bottom:-.25rem;order:-1;width:100%}.scoring-rule-field-wrapper,.scoring-rule-operator-wrapper,.scoring-rule-value-wrapper{flex:1 1 45%;min-width:0}.scoring-rule-points-wrapper{width:70px}.scoring-rule-suggestions{max-width:280px}}@media (max-width:480px){.scoring-rule-field-wrapper,.scoring-rule-operator-wrapper,.scoring-rule-value-wrapper{flex:1 1 100%}.scoring-rule-points-wrapper{flex:0 0 auto;width:70px}.scoring-dimension-header{flex-wrap:wrap;gap:.5rem}.scoring-dimension-header-right{justify-content:flex-end;width:100%}}.test-section-content{padding:1.5rem}.test-panel-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;min-height:400px}.test-panel-form{display:flex;flex-direction:column;gap:1.5rem}.test-panel-result{background:var(--sc-bg-surface);border:1px solid var(--sc-border-subtle);border-radius:var(--sc-card-radius);min-height:300px;padding:1.5rem}.test-score-badge{align-items:center;border-radius:12px;display:inline-flex;font-family:var(--sc-font-data);font-size:.75rem;font-weight:700;height:24px;justify-content:center;margin-left:.75rem;min-width:32px;padding:0 .5rem}.test-score-badge.tier-hot{background:var(--sc-hot-bg);color:var(--sc-hot)}.test-score-badge.tier-warm{background:var(--sc-warm-bg);color:var(--sc-warm)}.test-score-badge.tier-cold{background:var(--sc-cold-bg);color:var(--sc-cold)}.test-score-badge.tier-unqualified{background:var(--sc-unqualified-bg);color:var(--sc-unqualified)}.test-score-display{align-items:center;background:linear-gradient(135deg,var(--sc-bg-panel) 0,var(--sc-bg-surface) 100%);border:1px solid var(--sc-border-subtle);border-radius:var(--sc-card-radius);display:flex;flex-direction:column;gap:.75rem;padding:1.5rem}.test-score-value{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,var(--sc-text-primary) 0,var(--sc-text-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-family:var(--sc-font-data);font-size:4rem;font-weight:700;line-height:1}.test-score-display.tier-hot .test-score-value{background:linear-gradient(180deg,var(--sc-hot) 0,#b91c1c 100%);-webkit-background-clip:text;background-clip:text}.test-score-display.tier-warm .test-score-value{background:linear-gradient(180deg,var(--sc-warm) 0,#c2410c 100%);-webkit-background-clip:text;background-clip:text}.test-score-display.tier-cold .test-score-value{background:linear-gradient(180deg,var(--sc-cold) 0,#1d4ed8 100%);-webkit-background-clip:text;background-clip:text}.test-score-tier{align-items:center;border-radius:20px;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.05em;padding:.375rem .875rem;text-transform:uppercase}.test-score-tier.tier-hot{background:var(--sc-hot-bg);color:var(--sc-hot)}.test-score-tier.tier-warm{background:var(--sc-warm-bg);color:var(--sc-warm)}.test-score-tier.tier-cold{background:var(--sc-cold-bg);color:var(--sc-cold)}.test-score-tier.tier-unqualified{background:var(--sc-unqualified-bg);color:var(--sc-unqualified)}.test-result-dimensions{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.dimension-progress{background:var(--sc-bg-panel);border:1px solid var(--sc-border-subtle);border-radius:var(--sc-button-radius);padding:.75rem}.dimension-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.dimension-progress-label{align-items:center;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;letter-spacing:.05em;text-transform:uppercase}.dimension-progress.dimension-fit .dimension-progress-label{color:var(--sc-fit)}.dimension-progress.dimension-intent .dimension-progress-label{color:var(--sc-intent)}.dimension-progress.dimension-source .dimension-progress-label{color:var(--sc-source)}.dimension-progress-stats{align-items:baseline;display:flex;font-family:var(--sc-font-data);gap:.25rem}.dimension-progress-score{color:var(--sc-text-primary);font-size:1rem;font-weight:700}.dimension-progress-max{color:var(--sc-text-muted);font-size:.75rem}.dimension-progress-rules{color:var(--sc-text-muted);font-size:.6875rem;margin-left:.5rem}.dimension-progress-bar{background:var(--sc-bg-surface);border-radius:4px;height:8px;overflow:hidden;position:relative}.dimension-progress-fill{border-radius:4px;height:100%;left:0;position:absolute;top:0;transition:width .6s ease-out}.dimension-progress.dimension-fit .dimension-progress-fill{background:linear-gradient(90deg,var(--sc-fit) 0,var(--sc-fit-hover) 100%)}.dimension-progress.dimension-intent .dimension-progress-fill{background:linear-gradient(90deg,var(--sc-intent) 0,var(--sc-intent-hover) 100%)}.dimension-progress.dimension-source .dimension-progress-fill{background:linear-gradient(90deg,var(--sc-source) 0,var(--sc-source-hover) 100%)}.dimension-progress-markers{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.dimension-progress-markers .marker{background:var(--sc-border-subtle);bottom:0;position:absolute;top:0;width:1px}.matched-rules-panel{border:1px solid var(--sc-border-subtle);border-radius:var(--sc-card-radius);margin-top:1.5rem;overflow:hidden}.matched-rules-header{align-items:center;background:var(--sc-bg-panel);border:none;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:background var(--sc-transition-fast);width:100%}.matched-rules-header:hover{background:var(--sc-bg-hover)}.matched-rules-header-left{align-items:center;color:var(--sc-success);display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.matched-rules-content{background:var(--sc-bg-surface);padding:.75rem}.matched-rules-dimension{margin-bottom:1rem}.matched-rules-dimension:last-child{margin-bottom:0}.matched-rules-dimension-header{align-items:center;border-bottom:1px solid var(--sc-border-subtle);display:flex;font-size:.6875rem;font-weight:600;gap:.375rem;letter-spacing:.05em;margin-bottom:.5rem;padding:.5rem 0;text-transform:uppercase}.matched-rules-dimension.fit .matched-rules-dimension-header{color:var(--sc-fit)}.matched-rules-dimension.intent .matched-rules-dimension-header{color:var(--sc-intent)}.matched-rules-dimension.source .matched-rules-dimension-header{color:var(--sc-source)}.matched-rules-count{align-items:center;background:var(--sc-bg-panel);border-radius:9px;display:inline-flex;font-size:.625rem;height:18px;justify-content:center;margin-left:auto;min-width:18px;padding:0 .375rem}.matched-rules-list{display:flex;flex-direction:column;gap:.375rem}.matched-rule{background:var(--sc-bg-panel);border-left:3px solid #0000;border-radius:var(--sc-button-radius);cursor:pointer;padding:.5rem .75rem;transition:all var(--sc-transition-fast)}.matched-rule:hover{background:var(--sc-bg-hover)}.matched-rule--fit{border-left-color:var(--sc-fit)}.matched-rule--intent{border-left-color:var(--sc-intent)}.matched-rule--source{border-left-color:var(--sc-source)}.matched-rule-main{align-items:center;display:flex;gap:.5rem}.matched-rule-check{align-items:center;background:var(--sc-success-bg);border-radius:50%;color:var(--sc-success);display:flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.matched-rule-info{display:flex;flex:1 1;flex-direction:column;gap:.125rem;min-width:0}.matched-rule-field{color:var(--sc-text-primary);font-family:var(--sc-font-data);font-size:.8125rem;font-weight:500}.matched-rule-condition{color:var(--sc-text-muted);font-size:.6875rem}.matched-rule-points{border-radius:4px;flex-shrink:0;font-family:var(--sc-font-data);font-size:.875rem;font-weight:700;padding:.25rem .5rem}.matched-rule-points.positive{background:var(--sc-success-bg);color:var(--sc-success)}.matched-rule-points.negative{background:var(--sc-error-bg);color:var(--sc-error)}.matched-rule-explanation{align-items:flex-start;border-top:1px dashed var(--sc-border-subtle);color:var(--sc-text-secondary);display:flex;font-size:.75rem;gap:.375rem;margin-top:.5rem;padding-top:.5rem}.matched-rule-explanation svg{color:var(--sc-warning);flex-shrink:0;margin-top:.125rem}.test-data-form{display:flex;flex-direction:column;gap:1.5rem}.test-form-info{align-items:center;background:var(--sc-bg-surface);border-radius:var(--sc-button-radius);color:var(--sc-text-secondary);display:flex;font-size:.8125rem;gap:.5rem;padding:.75rem 1rem}.test-form-info svg{color:var(--sc-primary);flex-shrink:0}.test-dimension-group{background:var(--sc-bg-surface);border:1px solid var(--sc-border-subtle);border-radius:var(--sc-card-radius);overflow:hidden}.test-dimension-header{align-items:center;border-bottom:1px solid var(--sc-border-subtle);display:flex;font-size:.75rem;font-weight:600;gap:.375rem;letter-spacing:.05em;padding:.75rem 1rem;text-transform:uppercase}.test-dimension-group.dimension-fit .test-dimension-header{background:var(--sc-fit-bg);color:var(--sc-fit)}.test-dimension-group.dimension-intent .test-dimension-header{background:var(--sc-intent-bg);color:var(--sc-intent)}.test-dimension-group.dimension-source .test-dimension-header{background:var(--sc-source-bg);color:var(--sc-source)}.test-dimension-count{font-weight:400;margin-left:auto;opacity:.7}.test-fields-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:1rem}.test-field{display:flex;flex-direction:column;gap:.375rem}.test-field-label{align-items:baseline;display:flex;gap:.5rem}.test-field-name{color:var(--sc-text-secondary);font-family:var(--sc-font-data);font-size:.75rem;font-weight:600}.test-field-suggestion{color:var(--sc-text-muted);font-size:.6875rem;font-style:italic}.test-field-input-wrapper{align-items:center;display:flex;position:relative}.test-field-input{background:var(--sc-bg-input);border:1px solid var(--sc-border);border-radius:var(--sc-button-radius);color:var(--sc-text-primary);font-family:var(--sc-font-data);font-size:.8125rem;padding:.5rem 2rem .5rem .75rem;transition:all var(--sc-transition-fast);width:100%}.test-field-input:focus{box-shadow:0 0 0 3px var(--sc-primary-glow);outline:none}.test-field-input:focus,.test-field.focused .test-field-input{border-color:var(--sc-primary)}.test-field.has-value .test-field-input{background:var(--sc-bg-panel)}.test-field--fit.focused .test-field-input,.test-field--fit.has-value .test-field-input{border-color:var(--sc-fit)}.test-field--intent.focused .test-field-input,.test-field--intent.has-value .test-field-input{border-color:var(--sc-intent)}.test-field--source.focused .test-field-input,.test-field--source.has-value .test-field-input{border-color:var(--sc-source)}.test-field-clear{align-items:center;background:var(--sc-bg-hover);border:none;border-radius:50%;color:var(--sc-text-muted);cursor:pointer;display:flex;height:18px;justify-content:center;position:absolute;right:.5rem;transition:all var(--sc-transition-fast);width:18px}.test-field-clear:hover{background:var(--sc-error-bg);color:var(--sc-error)}.test-no-fields{align-items:center;color:var(--sc-text-muted);display:flex;flex-direction:column;gap:.75rem;padding:2rem;text-align:center}.test-no-fields svg{color:var(--sc-warning)}.test-actions{border-top:1px solid var(--sc-border-subtle);gap:.75rem;padding-top:1rem}.test-action-btn,.test-actions{align-items:center;display:flex}.test-action-btn{border:none;border-radius:var(--sc-button-radius);cursor:pointer;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.5rem 1rem;transition:all var(--sc-transition-fast)}.test-action-autofill{background:var(--sc-bg-surface);border:1px solid var(--sc-border);color:var(--accent-purple)}.test-action-autofill:hover{background:#8b5cf61a;border-color:var(--accent-purple)}.test-action-clear{background:#0000;color:var(--sc-text-muted)}.test-action-clear:hover{background:var(--sc-error-bg);color:var(--sc-error)}.test-action-run{background:var(--sc-success);color:#fff;margin-left:auto}.test-action-run:hover:not(:disabled){background:var(--sc-success-hover)}.test-action-run:disabled{cursor:not-allowed;opacity:.5}.test-save-hint{align-items:center;background:var(--sc-warning-bg);border-radius:var(--sc-button-radius);color:var(--sc-warning);display:flex;font-size:.75rem;gap:.5rem;padding:.625rem .875rem}.test-result-panel{display:flex;flex-direction:column;height:100%}.test-result-header{display:flex;justify-content:center;margin-bottom:1rem}.test-result-empty{flex-direction:column;gap:1rem;height:100%;text-align:center}.test-result-empty,.test-result-empty-icon{align-items:center;color:var(--sc-text-muted);display:flex;justify-content:center}.test-result-empty-icon{background:var(--sc-bg-panel);border-radius:50%;height:64px;width:64px}.test-result-empty p{font-size:.875rem;max-width:200px}.test-result-extra{border-top:1px solid var(--sc-border-subtle);margin-top:1rem;padding-top:1rem}.test-result-explain-toggle{align-items:center;background:#0000;border:none;border-radius:var(--sc-button-radius);color:var(--sc-text-secondary);cursor:pointer;display:flex;font-size:.8125rem;gap:.375rem;padding:.5rem .75rem;transition:all var(--sc-transition-fast);width:100%}.test-result-explain-toggle:hover{background:var(--sc-bg-hover);color:var(--sc-warning)}.test-result-explain-toggle svg{transition:transform var(--sc-transition-fast)}.test-result-explain-toggle svg:first-child{color:var(--sc-warning)}.test-result-explanation{background:var(--sc-bg-panel);border-radius:var(--sc-button-radius);margin-top:.5rem;overflow:hidden;padding:1rem}.explanation-text{color:var(--sc-text-secondary);font-size:.8125rem;line-height:1.5;margin:0}.explanation-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.explanation-tag{background:var(--sc-bg-surface);border:1px solid var(--sc-border-subtle);border-radius:12px;color:var(--sc-text-secondary);display:inline-flex;font-size:.6875rem;font-weight:500;padding:.25rem .625rem}@media (max-width:1024px){.test-panel-layout{grid-template-columns:1fr}.test-panel-result{min-height:auto}}@media (max-width:640px){.test-section-content{padding:1rem}.test-fields-grid{gap:.75rem;grid-template-columns:1fr;padding:.75rem}.test-actions{flex-wrap:wrap}.test-action-run{justify-content:center;margin-left:0;margin-top:.5rem;width:100%}.test-score-value{font-size:3rem}.matched-rules-panel{margin-top:1rem}}.analytics-section{padding:1.5rem}.analytics-section--empty,.analytics-section--loading{align-items:center;color:var(--sc-text-secondary);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.analytics-section--empty svg,.analytics-section--loading svg{color:var(--sc-primary);opacity:.6}.analytics-section--empty h3{color:var(--sc-text-primary);font-family:var(--sc-font-display);font-size:1.25rem;font-weight:600;margin:0}.analytics-section--empty p,.analytics-section--loading p{color:var(--sc-text-secondary);font-size:.875rem;margin:0}.analytics-section__header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.analytics-section__title{align-items:center;display:flex;gap:.75rem}.analytics-section__title h2{color:var(--sc-text-primary);font-family:var(--sc-font-display);font-size:1.25rem;font-weight:600;margin:0}.analytics-section__title p{color:var(--sc-text-secondary);font-size:.875rem;margin:0}.analytics-section-badge{align-items:center;background:linear-gradient(135deg,var(--sc-primary-glow) 0,#6366f11a 100%);border:1px solid var(--sc-border-active);border-radius:12px;color:var(--sc-primary);display:inline-flex;font-size:.6875rem;font-weight:600;gap:.25rem;letter-spacing:.05em;padding:.25rem .625rem;text-transform:uppercase}.analytics-time-range{align-items:center;display:flex;gap:.5rem}.analytics-time-range select{-webkit-appearance:none;appearance:none;background:var(--sc-bg-input);border:1px solid var(--sc-border);border-radius:var(--sc-button-radius);color:var(--sc-text-primary);cursor:pointer;font-size:.8125rem;padding:.5rem 2rem .5rem .75rem;transition:all var(--sc-transition-fast)}.analytics-time-range select:focus{border-color:var(--sc-primary);outline:none}.analytics-refresh-btn{align-items:center;background:var(--sc-bg-input);border:1px solid var(--sc-border);border-radius:var(--sc-button-radius);color:var(--sc-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--sc-transition-fast);width:36px}.analytics-refresh-btn:hover{background:var(--sc-bg-hover);border-color:var(--sc-primary);color:var(--sc-primary)}.analytics-refresh-btn.loading{pointer-events:none}.analytics-refresh-btn.loading svg{animation:spin 1s linear infinite}.analytics-metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.analytics-metric-card{background:var(--sc-bg-surface);border:1px solid var(--sc-border-subtle);border-radius:var(--sc-card-radius);display:flex;flex-direction:column;gap:.75rem;overflow:hidden;padding:1.25rem;position:relative;transition:all var(--sc-transition-base) var(--sc-ease-out)}.analytics-metric-card:before{background:var(--sc-primary);background:var(--metric-color,var(--sc-primary));content:"";height:3px;left:0;opacity:.8;position:absolute;right:0;top:0}.analytics-metric-card:hover{border-color:var(--sc-border);box-shadow:var(--sc-shadow-md);transform:translateY(-2px)}.analytics-metric-card__header{align-items:center;display:flex;justify-content:space-between}.analytics-metric-card__label{align-items:center;color:var(--sc-text-secondary);display:flex;font-size:.75rem;font-weight:600;gap:.375rem;letter-spacing:.05em;text-transform:uppercase}.analytics-metric-card__icon{align-items:center;background:var(--sc-bg-input);background:var(--metric-bg,var(--sc-bg-input));border-radius:8px;color:var(--sc-primary);color:var(--metric-color,var(--sc-primary));display:flex;height:28px;justify-content:center;width:28px}.analytics-metric-card__body{display:flex;flex-direction:column;gap:.25rem}.analytics-metric-card__value{color:var(--sc-text-primary);font-family:var(--sc-font-data);font-size:2rem;font-weight:700;line-height:1}.analytics-metric-card__change{align-items:center;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem}.analytics-metric-card__change.positive{color:var(--sc-success)}.analytics-metric-card__change.negative{color:var(--sc-error)}.analytics-metric-card__change.neutral{color:var(--sc-text-muted)}.analytics-metric-card--total{--metric-color:var(--sc-primary);--metric-bg:var(--sc-primary-glow)}.analytics-metric-card--hot{--metric-color:var(--sc-tier-hot);--metric-bg:var(--sc-tier-hot-bg)}.analytics-metric-card--warm{--metric-color:var(--sc-tier-warm);--metric-bg:var(--sc-tier-warm-bg)}.analytics-metric-card--cold{--metric-color:var(--sc-tier-cold);--metric-bg:var(--sc-tier-cold-bg)}.analytics-metric-card--avg{--metric-color:var(--sc-intent);--metric-bg:var(--sc-intent-bg)}.analytics-charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 2fr;margin-bottom:1.5rem}.analytics-chart-card{background:var(--sc-bg-surface);border:1px solid var(--sc-border-subtle);border-radius:var(--sc-card-radius);overflow:hidden}.analytics-chart-header{align-items:center;border-bottom:1px solid var(--sc-border-subtle);display:flex;justify-content:space-between;padding:1rem 1.25rem}.analytics-chart-title{align-items:center;color:var(--sc-text-primary);display:flex;font-size:.9375rem;font-weight:600;gap:.5rem}.analytics-chart-title svg{color:var(--sc-text-muted)}.analytics-chart-content{align-items:center;display:flex;justify-content:center;min-height:280px;padding:1.25rem}.tier-distribution-chart{background:var(--sc-bg-surface);border:1px solid var(--sc-border-subtle);border-radius:var(--sc-card-radius);display:flex;flex-direction:column;overflow:hidden}.tier-distribution-chart__header{align-items:center;border-bottom:1px solid var(--sc-border-subtle);color:var(--sc-text-primary);display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:1rem 1.25rem}.tier-distribution-chart__header svg{color:var(--sc-text-muted)}.tier-distribution-chart__header h3{font-size:inherit;font-weight:inherit;margin:0}.tier-distribution-chart__content{align-items:center;display:flex;gap:2rem;padding:1.25rem}.tier-distribution-chart__donut{flex-shrink:0;position:relative}.tier-distribution-chart__center-value{fill:var(--sc-text-primary);font-family:var(--sc-font-data);font-size:2rem;font-weight:700}.tier-distribution-chart__center-label{fill:var(--sc-text-muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.tier-distribution-chart__legend{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.tier-legend-item{align-items:center;background:var(--sc-bg-panel);border-radius:var(--sc-button-radius);cursor:pointer;display:flex;gap:.75rem;padding:.625rem .875rem;transition:all var(--sc-transition-fast)}.tier-legend-item.active,.tier-legend-item:hover{background:var(--sc-bg-hover)}.tier-legend-item__color{align-items:center;border-radius:6px;color:#fff;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.tier-legend-item__label{color:var(--sc-text-primary);flex:1 1;font-size:.8125rem;font-weight:600;text-transform:capitalize}.tier-legend-item__count{color:var(--sc-text-primary);font-family:var(--sc-font-data);font-size:.875rem;font-weight:700}.tier-legend-item__percent{color:var(--sc-text-muted);font-size:.75rem;margin-left:.25rem}.score-trend-chart{background:var(--sc-bg-surface);border:1px solid var(--sc-border-subtle);border-radius:var(--sc-card-radius);display:flex;flex-direction:column;overflow:hidden}.score-trend-chart__header{align-items:center;border-bottom:1px solid var(--sc-border-subtle);display:flex;justify-content:space-between;padding:1rem 1.25rem}.score-trend-chart__title{align-items:center;color:var(--sc-text-primary);display:flex;font-size:.9375rem;font-weight:600;gap:.5rem}.score-trend-chart__title svg{color:var(--sc-text-muted)}.score-trend-chart__title h3{font-size:inherit;font-weight:inherit;margin:0}.score-trend-chart__period{align-items:center;background:var(--sc-bg-input);border-radius:var(--sc-button-radius);display:flex;gap:.25rem;padding:.25rem}.score-trend-chart__period button{background:#0000;border:none;border-radius:calc(var(--sc-button-radius) - 2px);color:var(--sc-text-muted);cursor:pointer;font-size:.6875rem;font-weight:600;letter-spacing:.05em;padding:.375rem .625rem;text-transform:uppercase;transition:all var(--sc-transition-fast)}.score-trend-chart__period button:hover{color:var(--sc-text-secondary)}.score-trend-chart__period button.active{background:var(--sc-bg-panel);box-shadow:var(--sc-shadow-sm);color:var(--sc-text-primary)}.score-trend-chart__content{min-height:200px;padding:1.25rem;position:relative}.score-trend-chart__svg{height:100%;width:100%}.score-trend-chart__axis-label{fill:var(--sc-text-muted);font-family:var(--sc-font-data);font-size:10px}.score-trend-chart__tooltip{background:var(--sc-bg-panel);border:1px solid var(--sc-border);border-radius:var(--sc-button-radius);box-shadow:var(--sc-shadow-lg);margin-top:-10px;min-width:140px;padding:.75rem 1rem;pointer-events:none;position:absolute;transform:translate(-50%,-100%);z-index:100}.score-trend-chart__tooltip .tooltip-date{color:var(--sc-text-muted);font-size:.6875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.score-trend-chart__tooltip .tooltip-count,.score-trend-chart__tooltip .tooltip-score{color:var(--sc-text-secondary);font-size:.8125rem;margin-top:.25rem}.score-trend-chart__tooltip strong{color:var(--sc-text-primary);font-family:var(--sc-font-data);font-weight:600}.score-trend-grid-line{stroke:var(--sc-border-subtle);stroke-dasharray:4,4}.score-trend-line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.score-trend-line--avg{stroke:var(--sc-primary)}.score-trend-line--hot{stroke:var(--sc-tier-hot)}.score-trend-line--volume{stroke:var(--sc-intent);stroke-dasharray:6,3}.score-trend-area{opacity:.1}.score-trend-area--avg{fill:var(--sc-primary)}.score-trend-point{fill:var(--sc-bg-panel);stroke-width:2;cursor:pointer;transition:r .2s,stroke-width .2s}.score-trend-point:hover{stroke-width:3}.score-trend-point--avg{stroke:var(--sc-primary)}.score-trend-point--hot{stroke:var(--sc-tier-hot)}.score-trend-tooltip{background:var(--sc-bg-panel);border:1px solid var(--sc-border);border-radius:var(--sc-button-radius);box-shadow:var(--sc-shadow-lg);min-width:140px;padding:.75rem 1rem;pointer-events:none;position:absolute;z-index:100}.score-trend-tooltip-date{color:var(--sc-text-muted);font-size:.6875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.score-trend-tooltip-row{align-items:center;display:flex;font-size:.8125rem;gap:1rem;justify-content:space-between;margin-top:.25rem}.score-trend-tooltip-label{color:var(--sc-text-secondary)}.score-trend-tooltip-value{color:var(--sc-text-primary);font-family:var(--sc-font-data);font-weight:600}.score-trend-legend{align-items:center;border-top:1px solid var(--sc-border-subtle);display:flex;gap:1.5rem;justify-content:center;margin-top:1rem;padding-top:1rem}.score-trend-legend-item{align-items:center;color:var(--sc-text-secondary);display:flex;font-size:.75rem;gap:.375rem}.score-trend-legend-line{border-radius:2px;height:3px;width:20px}.score-trend-legend-line--avg{background:var(--sc-primary)}.score-trend-legend-line--hot{background:var(--sc-tier-hot)}.score-trend-legend-line--volume{background:var(--sc-intent);background:repeating-linear-gradient(90deg,var(--sc-intent) 0,var(--sc-intent) 6px,#0000 6px,#0000 9px);height:2px}.analytics-bottom-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.recent-scores-feed{background:var(--sc-bg-surface);border:1px solid var(--sc-border-subtle);border-radius:var(--sc-card-radius);display:flex;flex-direction:column;max-height:400px;overflow:hidden}.recent-scores-feed__header{align-items:center;border-bottom:1px solid var(--sc-border-subtle);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.25rem}.recent-scores-feed__header svg{color:var(--sc-text-muted)}.recent-scores-feed__header h3{color:var(--sc-text-primary);flex:1 1;font-size:.9375rem;font-weight:600;margin:0 0 0 .5rem}.recent-scores-feed__live-indicator{align-items:center;background:var(--sc-success-bg);border-radius:12px;color:var(--sc-success);display:flex;font-size:.6875rem;font-weight:600;gap:.375rem;letter-spacing:.05em;padding:.25rem .625rem;text-transform:uppercase}.recent-scores-feed__live-indicator .pulse{animation:live-pulse 2s ease-in-out infinite;background:var(--sc-success);border-radius:50%;height:6px;width:6px}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.recent-scores-feed__list{flex:1 1;overflow-y:auto;padding:.5rem}.recent-score-item{align-items:center;background:var(--sc-bg-panel);border-radius:var(--sc-button-radius);cursor:pointer;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem;transition:all var(--sc-transition-fast)}.recent-score-item:last-child{margin-bottom:0}.recent-score-item:hover{background:var(--sc-bg-hover)}.recent-score-item.new{animation:score-slide-in .4s ease-out}@keyframes score-slide-in{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.recent-score-item__avatar{align-items:center;background:var(--sc-bg-surface);border-radius:50%;color:var(--sc-text-secondary);display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:36px;justify-content:center;width:36px}.recent-score-item__info{display:flex;flex:1 1;flex-direction:column;gap:.125rem;min-width:0}.recent-score-item__email{color:var(--sc-text-primary);font-size:.8125rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-score-item__company{color:var(--sc-text-muted);font-size:.6875rem}.recent-score-item__score{align-items:center;display:flex;font-family:var(--sc-font-data);font-size:1rem;font-weight:700;gap:.25rem}.recent-score-item__score .score-value{font-size:inherit}.recent-score-item__breakdown{align-items:center;display:flex;font-family:var(--sc-font-data);font-size:.625rem;gap:.375rem}.recent-score-item__breakdown .breakdown-item{background:var(--sc-bg-input);border-radius:4px;color:var(--sc-text-muted);padding:.125rem .375rem}.recent-score-item__breakdown .breakdown-item.fit{color:var(--sc-fit)}.recent-score-item__breakdown .breakdown-item.intent{color:var(--sc-intent)}.recent-score-item__breakdown .breakdown-item.source{color:var(--sc-source)}.recent-score-item__time{flex-shrink:0;font-size:.6875rem;gap:.25rem}.recent-score-item__time,.recent-scores-empty{align-items:center;color:var(--sc-text-muted);display:flex}.recent-scores-empty{flex-direction:column;gap:.75rem;justify-content:center;padding:2rem;text-align:center}.recent-scores-empty svg{color:var(--sc-text-muted);opacity:.5}.rule-impact-chart{background:var(--sc-bg-surface);border:1px solid var(--sc-border-subtle);border-radius:var(--sc-card-radius);display:flex;flex-direction:column;max-height:400px;overflow:hidden}.rule-impact-chart__header{align-items:center;border-bottom:1px solid var(--sc-border-subtle);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.25rem}.rule-impact-chart__header svg{color:var(--sc-text-muted)}.rule-impact-chart__header h3{color:var(--sc-text-primary);flex:1 1;font-size:.9375rem;font-weight:600;margin:0 0 0 .5rem}.rule-impact-chart__list{display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow-y:auto;padding:1rem}.rule-impact-item{display:flex;flex-direction:column;gap:.5rem}.rule-impact-item__header{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.rule-impact-item__dimension{border-radius:4px;color:#fff;font-size:.625rem;font-weight:600;letter-spacing:.05em;padding:.125rem .5rem;text-transform:uppercase}.rule-impact-item__name{color:var(--sc-text-primary);flex:1 1;font-size:.8125rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rule-impact-item__points{color:var(--sc-success);font-family:var(--sc-font-data);font-size:.75rem;font-weight:700}.rule-impact-item__bar-container{background:var(--sc-bg-input);border-radius:4px;height:8px;overflow:hidden;position:relative}.rule-impact-item__bar{border-radius:4px;height:100%;left:0;position:absolute;top:0;transition:width .6s ease-out}.rule-impact-item__stats{align-items:center;color:var(--sc-text-muted);display:flex;font-size:.6875rem;gap:1rem}.rule-impact-item__stats .fires,.rule-impact-item__stats .impact{align-items:center;display:flex;gap:.25rem}.rule-impact-bar--intent{background:linear-gradient(90deg,var(--sc-intent) 0,var(--sc-intent-hover) 100%)}.rule-impact-bar--source{background:linear-gradient(90deg,var(--sc-source) 0,var(--sc-source-hover) 100%)}.rule-impact-empty{color:var(--sc-text-muted);gap:.75rem;padding:2rem;text-align:center}.analytics-loading,.rule-impact-empty{align-items:center;display:flex;flex-direction:column;justify-content:center}.analytics-loading{color:var(--sc-text-secondary);gap:1rem;padding:4rem}.analytics-loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--sc-border);border-radius:50%;border-top-color:var(--sc-primary);height:40px;width:40px}.analytics-no-data{flex-direction:column;gap:1rem;padding:4rem;text-align:center}.analytics-no-data,.analytics-no-data-icon{align-items:center;display:flex;justify-content:center}.analytics-no-data-icon{background:var(--sc-bg-surface);border-radius:50%;color:var(--sc-text-muted);height:64px;width:64px}.analytics-no-data h3{color:var(--sc-text-primary);font-size:1.125rem;font-weight:600;margin:0}.analytics-no-data p{color:var(--sc-text-secondary);font-size:.875rem;margin:0;max-width:300px}@media (max-width:1200px){.analytics-metrics-grid{grid-template-columns:repeat(2,1fr)}.analytics-bottom-grid,.analytics-charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.analytics-section{padding:1rem}.analytics-section__header{align-items:flex-start;flex-direction:column}.analytics-metrics-grid{grid-template-columns:1fr}.tier-distribution-chart{flex-direction:column;gap:1.5rem}.tier-distribution-chart__donut{height:160px;width:160px}.tier-distribution-chart__legend{flex-direction:row;flex-wrap:wrap;gap:.5rem}.tier-legend-item{flex:1 1 45%;min-width:140px}.score-trend-chart__legend{flex-wrap:wrap;gap:.75rem}.recent-scores-feed,.rule-impact-chart{max-height:350px}}@media (max-width:480px){.analytics-metric-card__value,.tier-distribution-chart__center-value{font-size:1.5rem}.recent-score-item{padding:.625rem}.recent-score-item__avatar{font-size:.75rem;height:32px;width:32px}.tier-legend-item{flex:1 1 100%}}.command-center{--cc-bg-void:#05080d;--cc-bg-primary:#0a0f18;--cc-bg-elevated:#0d1420;--cc-bg-panel:#111827;--cc-bg-card:#161f30;--cc-bg-hover:#1a2540;--cc-accent-primary:#38bdf8;--cc-accent-glow:#0ea5e9;--cc-accent-secondary:#818cf8;--cc-hot:#f43f5e;--cc-hot-glow:#f43f5e66;--cc-warm:#f59e0b;--cc-warm-glow:#f59e0b66;--cc-cold:#64748b;--cc-cold-glow:#64748b66;--cc-qualified:#10b981;--cc-qualified-glow:#10b98166;--cc-online:#22c55e;--cc-offline:#ef4444;--cc-warning:#eab308;--cc-processing:#3b82f6;--cc-text-primary:#f1f5f9;--cc-text-secondary:#94a3b8;--cc-text-muted:#64748b;--cc-text-dim:#475569;--cc-border:#94a3b81f;--cc-border-active:#38bdf84d;--cc-border-glow:#38bdf880;--cc-grid-line:#94a3b80f;--cc-flow-line:#38bdf833;--cc-shadow-sm:0 1px 2px #0006;--cc-shadow-md:0 4px 12px #00000080;--cc-shadow-lg:0 8px 32px #0009;--cc-glow-primary:0 0 20px #38bdf84d;--cc-glow-hot:0 0 20px #f43f5e66;--cc-glow-warm:0 0 20px #f59e0b4d;--cc-glow-qualified:0 0 20px #10b9814d;--cc-font-display:"Space Grotesk",-apple-system,BlinkMacSystemFont,sans-serif;--cc-font-data:"JetBrains Mono","SF Mono",Monaco,monospace;background:var(--cc-bg-void);color:var(--cc-text-primary);font-family:var(--cc-font-display);min-height:100vh;overflow-x:hidden;position:relative}.command-center:before{background-image:linear-gradient(var(--cc-grid-line) 1px,#0000 1px),linear-gradient(90deg,var(--cc-grid-line) 1px,#0000 1px);background-size:40px 40px}.command-center:after,.command-center:before{content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.command-center:after{background:radial-gradient(ellipse 80% 50% at 50% 0,#38bdf808 0,#0000 50%)}.command-center-content{margin:0 auto;max-width:1600px;padding:1.5rem;position:relative;z-index:1}.cc-header{border-bottom:1px solid var(--cc-border);justify-content:space-between;margin-bottom:2rem;padding:1rem 0 1.5rem}.cc-header,.cc-header-left{align-items:center;display:flex}.cc-header-left{gap:1.5rem}.cc-logo{gap:.75rem}.cc-logo,.cc-logo-icon{align-items:center;display:flex}.cc-logo-icon{background:linear-gradient(135deg,var(--cc-accent-primary),var(--cc-accent-secondary));border-radius:10px;box-shadow:var(--cc-glow-primary);font-size:1.25rem;height:40px;justify-content:center;width:40px}.cc-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(to right,var(--cc-text-primary),var(--cc-text-secondary));-webkit-background-clip:text;background-clip:text;font-family:var(--cc-font-display);font-size:1.5rem;font-weight:600;letter-spacing:-.03em}.cc-status-bar{align-items:center;background:var(--cc-bg-elevated);border:1px solid var(--cc-border);border-radius:8px;display:flex;gap:.75rem;padding:.5rem 1rem}.cc-status-indicator{animation:pulse-glow 2s ease-in-out infinite;border-radius:50%;height:8px;width:8px}.cc-status-indicator.online{background:var(--cc-online);box-shadow:0 0 8px var(--cc-online)}.cc-status-indicator.offline{animation:none;background:var(--cc-offline);box-shadow:0 0 8px var(--cc-offline)}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.5}}.cc-status-text{color:var(--cc-text-secondary);font-family:var(--cc-font-data);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.cc-header-right{align-items:center;display:flex;gap:1rem}.cc-time-display{background:var(--cc-bg-elevated);border:1px solid var(--cc-border);border-radius:6px;color:var(--cc-text-muted);font-family:var(--cc-font-data);font-size:.875rem;padding:.5rem 1rem}.cc-metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.cc-metric-card{background:var(--cc-bg-panel);border:1px solid var(--cc-border);border-radius:12px;overflow:hidden;padding:1.25rem;position:relative;transition:all .2s ease}.cc-metric-card:before{background:linear-gradient(90deg,#0000,var(--cc-accent-primary),#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.cc-metric-card:hover{border-color:var(--cc-border-active);transform:translateY(-2px)}.cc-metric-card:hover:before{opacity:1}.cc-metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.cc-metric-label{color:var(--cc-text-muted);font-family:var(--cc-font-data);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase}.cc-metric-icon{align-items:center;border-radius:8px;display:flex;font-size:1rem;height:32px;justify-content:center;width:32px}.cc-metric-icon.primary{background:#38bdf81a;color:var(--cc-accent-primary)}.cc-metric-icon.hot{background:#f43f5e1a;color:var(--cc-hot)}.cc-metric-icon.warm{background:#f59e0b1a;color:var(--cc-warm)}.cc-metric-icon.qualified{background:#10b9811a;color:var(--cc-qualified)}.cc-metric-value{font-family:var(--cc-font-display);font-size:2.25rem;font-weight:700;letter-spacing:-.03em;line-height:1;margin-bottom:.25rem}.cc-metric-value.hot{color:var(--cc-hot);text-shadow:0 0 30px var(--cc-hot-glow)}.cc-metric-value.warm{color:var(--cc-warm);text-shadow:0 0 30px var(--cc-warm-glow)}.cc-metric-value.qualified{color:var(--cc-qualified);text-shadow:0 0 30px var(--cc-qualified-glow)}.cc-metric-subtext{color:var(--cc-text-dim)}.cc-metric-subtext,.cc-metric-trend{font-family:var(--cc-font-data);font-size:.75rem}.cc-metric-trend{align-items:center;border-radius:4px;display:inline-flex;gap:.25rem;margin-left:.5rem;padding:.125rem .5rem}.cc-metric-trend.up{background:#10b9811a;color:var(--cc-qualified)}.cc-metric-trend.down{background:#ef44441a;color:var(--cc-offline)}.cc-pipeline-section{background:var(--cc-bg-panel);border:1px solid var(--cc-border);border-radius:16px;margin-bottom:2rem;padding:1.5rem}.cc-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.cc-section-title{align-items:center;color:var(--cc-text-primary);display:flex;font-family:var(--cc-font-display);font-size:1rem;font-weight:600;gap:.5rem}.cc-section-badge{background:var(--cc-bg-card);border:1px solid var(--cc-border);border-radius:4px;color:var(--cc-text-muted);font-family:var(--cc-font-data);font-size:.6875rem;letter-spacing:.05em;padding:.25rem .5rem;text-transform:uppercase}.cc-pipeline-flow{align-items:center;display:flex;gap:1rem;justify-content:space-between;overflow-x:auto;padding:1.5rem 0}.cc-pipeline-node{background:var(--cc-bg-card);border:1px solid var(--cc-border);border-radius:12px;flex:0 0 auto;padding:1rem;position:relative;text-align:center;transition:all .3s ease;width:140px}.cc-pipeline-node:hover{border-color:var(--cc-border-active);box-shadow:var(--cc-glow-primary)}.cc-pipeline-node.active{background:linear-gradient(135deg,var(--cc-bg-card),#38bdf80d);border-color:var(--cc-accent-primary)}.cc-pipeline-node.active:after{background:var(--cc-accent-primary);border-radius:1px;content:"";height:2px;left:50%;position:absolute;top:-1px;transform:translateX(-50%);width:40%}.cc-node-icon{font-size:1.5rem;margin-bottom:.5rem}.cc-node-label{color:var(--cc-text-primary);font-family:var(--cc-font-display);font-size:.8125rem;font-weight:500;margin-bottom:.25rem}.cc-node-count{color:var(--cc-accent-primary);font-family:var(--cc-font-data);font-size:1.25rem;font-weight:700}.cc-pipeline-connector{background:linear-gradient(90deg,var(--cc-border),var(--cc-flow-line),var(--cc-border));flex:1 1;height:2px;min-width:40px;position:relative}.cc-pipeline-connector:after{border-bottom:4px solid #0000;border-left:6px solid var(--cc-flow-line);border-top:4px solid #0000;height:0;right:-6px;width:0}.cc-pipeline-connector:after,.cc-pipeline-connector:before{content:"";position:absolute;top:50%;transform:translateY(-50%)}.cc-pipeline-connector:before{animation:flow-particle 2s ease-in-out infinite;background:var(--cc-accent-primary);border-radius:50%;box-shadow:0 0 10px var(--cc-accent-primary);height:8px;width:8px}@keyframes flow-particle{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}to{left:calc(100% - 8px);opacity:0}}.cc-tier-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.cc-tier-card{background:var(--cc-bg-panel);border:1px solid var(--cc-border);border-radius:16px;overflow:hidden;padding:1.5rem;position:relative}.cc-tier-card:before{border-radius:4px 0 0 4px;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.cc-tier-card.hot:before{background:var(--cc-hot);box-shadow:0 0 20px var(--cc-hot)}.cc-tier-card.warm:before{background:var(--cc-warm);box-shadow:0 0 20px var(--cc-warm)}.cc-tier-card.cold:before{background:var(--cc-cold)}.cc-tier-card.qualified:before{background:var(--cc-qualified);box-shadow:0 0 20px var(--cc-qualified)}.cc-tier-header{justify-content:space-between;margin-bottom:1rem}.cc-tier-header,.cc-tier-title{align-items:center;display:flex}.cc-tier-title{gap:.5rem}.cc-tier-emoji{font-size:1.5rem}.cc-tier-name{font-family:var(--cc-font-display);font-size:1rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.cc-tier-name.hot{color:var(--cc-hot)}.cc-tier-name.warm{color:var(--cc-warm)}.cc-tier-name.cold{color:var(--cc-text-muted)}.cc-tier-name.qualified{color:var(--cc-qualified)}.cc-tier-count{font-family:var(--cc-font-display);font-size:2.5rem;font-weight:800;letter-spacing:-.04em}.cc-tier-count.hot{color:var(--cc-hot);text-shadow:0 0 40px var(--cc-hot-glow)}.cc-tier-count.warm{color:var(--cc-warm);text-shadow:0 0 40px var(--cc-warm-glow)}.cc-tier-count.cold{color:var(--cc-text-muted)}.cc-tier-count.qualified{color:var(--cc-qualified);text-shadow:0 0 40px var(--cc-qualified-glow)}.cc-tier-progress{background:var(--cc-bg-card);border-radius:2px;height:4px;margin-top:1rem;overflow:hidden}.cc-tier-progress-bar{border-radius:2px;height:100%;transition:width .5s ease}.cc-tier-progress-bar.hot{background:var(--cc-hot)}.cc-tier-progress-bar.warm{background:var(--cc-warm)}.cc-tier-progress-bar.cold{background:var(--cc-cold)}.cc-tier-progress-bar.qualified{background:var(--cc-qualified)}.cc-live-feed{background:var(--cc-bg-panel);border:1px solid var(--cc-border);border-radius:16px;overflow:hidden}.cc-feed-header{align-items:center;background:var(--cc-bg-card);border-bottom:1px solid var(--cc-border);display:flex;justify-content:space-between;padding:1rem 1.5rem}.cc-feed-title{font-family:var(--cc-font-display);font-size:.9375rem;font-weight:600}.cc-feed-title,.cc-live-indicator{align-items:center;display:flex;gap:.5rem}.cc-live-indicator{color:var(--cc-online);font-family:var(--cc-font-data);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase}.cc-live-dot{animation:pulse-glow 1.5s ease-in-out infinite;background:var(--cc-online);border-radius:50%;height:6px;width:6px}.cc-feed-list{max-height:400px;overflow-y:auto}.cc-feed-item{align-items:center;border-bottom:1px solid var(--cc-border);display:flex;gap:1rem;padding:1rem 1.5rem;transition:background .2s ease}.cc-feed-item:hover{background:var(--cc-bg-hover)}.cc-feed-item:last-child{border-bottom:none}.cc-feed-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;width:36px}.cc-feed-icon.incoming{background:#38bdf81a;color:var(--cc-accent-primary)}.cc-feed-icon.routed{background:#10b9811a;color:var(--cc-qualified)}.cc-feed-icon.scored{background:#f59e0b1a;color:var(--cc-warm)}.cc-feed-content{flex:1 1;min-width:0}.cc-feed-message{color:var(--cc-text-primary);font-size:.875rem;margin-bottom:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-feed-meta{align-items:center;color:var(--cc-text-muted);display:flex;font-size:.6875rem;gap:.75rem}.cc-feed-meta,.cc-feed-time{font-family:var(--cc-font-data)}.cc-feed-time{color:var(--cc-text-dim);flex-shrink:0;font-size:.75rem}.cc-destinations-section{background:var(--cc-bg-panel);border:1px solid var(--cc-border);border-radius:16px;padding:1.5rem}.cc-destination-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.cc-destination-card{align-items:center;background:var(--cc-bg-card);border:1px solid var(--cc-border);border-radius:12px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .2s ease}.cc-destination-card:hover{border-color:var(--cc-border-active);box-shadow:var(--cc-shadow-md);transform:translateY(-2px)}.cc-destination-card.online{border-left:3px solid var(--cc-online)}.cc-destination-card.offline{border-left:3px solid var(--cc-offline);opacity:.7}.cc-destination-icon{align-items:center;background:var(--cc-bg-panel);border-radius:10px;display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.cc-destination-info{flex:1 1;min-width:0}.cc-destination-name{color:var(--cc-text-primary);font-family:var(--cc-font-display);font-size:.875rem;font-weight:500;margin-bottom:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-destination-type{color:var(--cc-text-muted);font-family:var(--cc-font-data);font-size:.6875rem;letter-spacing:.05em;text-transform:uppercase}.cc-destination-stats{text-align:right}.cc-destination-count{color:var(--cc-accent-primary);font-family:var(--cc-font-display);font-size:1.125rem;font-weight:600}.cc-destination-label{color:var(--cc-text-dim);font-family:var(--cc-font-data);font-size:.625rem;letter-spacing:.05em;text-transform:uppercase}.cc-rules-section{background:var(--cc-bg-panel);border:1px solid var(--cc-border);border-radius:16px;padding:1.5rem}.cc-rule-item{align-items:center;background:var(--cc-bg-card);border:1px solid var(--cc-border);border-radius:10px;display:flex;gap:1rem;margin-bottom:.75rem;padding:1rem;transition:all .2s ease}.cc-rule-item:hover{border-color:var(--cc-border-active)}.cc-rule-item:last-child{margin-bottom:0}.cc-rule-condition{color:var(--cc-text-primary);flex:1 1;font-family:var(--cc-font-data);font-size:.8125rem}.cc-rule-field{color:var(--cc-accent-primary)}.cc-rule-operator{color:var(--cc-text-muted);padding:0 .25rem}.cc-rule-value{color:var(--cc-warm)}.cc-rule-arrow{color:var(--cc-text-dim)}.cc-rule-destination{color:var(--cc-qualified);font-family:var(--cc-font-display);font-size:.8125rem;font-weight:500}.cc-rule-toggle{background:var(--cc-bg-elevated);border:1px solid var(--cc-border);border-radius:12px;cursor:pointer;height:24px;position:relative;transition:all .2s ease;width:44px}.cc-rule-toggle.active{background:var(--cc-qualified);border-color:var(--cc-qualified)}.cc-rule-toggle:after{background:var(--cc-text-primary);border-radius:50%;content:"";height:18px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:18px}.cc-rule-toggle.active:after{transform:translateX(20px)}.cc-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-family:var(--cc-font-display);font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.cc-btn-primary{background:var(--cc-accent-primary);border-color:var(--cc-accent-primary);color:var(--cc-bg-void)}.cc-btn-primary:hover{background:var(--cc-accent-glow);box-shadow:var(--cc-glow-primary)}.cc-btn-secondary{background:var(--cc-bg-card);border-color:var(--cc-border);color:var(--cc-text-primary)}.cc-btn-secondary:hover{background:var(--cc-bg-hover);border-color:var(--cc-border-active)}.cc-btn-ghost{background:#0000;color:var(--cc-text-secondary)}.cc-btn-ghost:hover{background:var(--cc-bg-card);color:var(--cc-text-primary)}@media (max-width:768px){.command-center{overflow-x:hidden}.command-center-content{overflow-x:hidden;padding:1rem}.cc-header{align-items:flex-start;flex-direction:column;gap:1rem}.cc-header-left{flex-wrap:wrap;gap:.75rem}.cc-header-right{flex-wrap:wrap;gap:.5rem;justify-content:flex-start;width:100%}.cc-time-display{font-size:.75rem;padding:.375rem .75rem}.cc-btn{font-size:.8125rem;padding:.5rem 1rem}.cc-status-bar{padding:.375rem .75rem}.cc-metrics-grid{grid-template-columns:repeat(2,1fr)}.cc-metric-value{font-size:1.75rem}.cc-pipeline-flow{flex-wrap:wrap;justify-content:center}.cc-pipeline-connector{display:none}.cc-tier-grid{grid-template-columns:1fr}.cc-feed-message{line-height:1.4;white-space:normal}.cc-feed-item,.cc-feed-meta{flex-wrap:wrap}.cc-feed-time{margin-top:.25rem;width:100%}}@media (max-width:480px){.cc-header-left{width:100%}.cc-logo-text{font-size:1.25rem}.cc-destination-grid,.cc-metrics-grid{grid-template-columns:1fr}.cc-btn{flex:1 1;justify-content:center}}.cc-skeleton{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--cc-bg-card) 0,var(--cc-bg-elevated) 50%,var(--cc-bg-card) 100%);background-size:200% 100%;border-radius:4px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cc-loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--cc-border);border-radius:50%;border-top-color:var(--cc-accent-primary);height:40px;width:40px}.security-page{background:var(--bg-void);min-height:100vh;padding:var(--space-6)}.security-container{margin:0 auto;max-width:800px}.security-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;min-height:400px}.security-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.security-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.security-header-left{align-items:center;display:flex;gap:var(--space-4)}.security-header-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-lg);color:var(--bg-void);display:flex;height:56px;justify-content:center;width:56px}.security-header-content h1{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;margin:0 0 var(--space-1) 0}.security-header-content p{color:var(--text-muted);font-size:var(--text-sm);margin:0}.security-tabs{border-bottom:1px solid var(--border-color);margin-bottom:var(--space-6);padding-bottom:var(--space-2)}.security-tab,.security-tabs{display:flex;gap:var(--space-2)}.security-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;font-size:var(--text-sm);font-weight:500;padding:var(--space-3) var(--space-4);transition:all .2s ease}.security-tab:hover{background:var(--bg-panel);color:var(--text-primary)}.security-tab.active{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.security-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6)}.security-2fa-header{margin-bottom:var(--space-6);text-align:center}.security-2fa-status{display:flex;justify-content:center;margin-bottom:var(--space-4)}.security-status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-sm);font-weight:600;gap:var(--space-2);padding:var(--space-2) var(--space-4)}.security-status-badge.enabled{background:rgba(var(--color-success-rgb),.15);color:var(--color-success)}.security-status-badge.disabled{background:rgba(var(--text-muted-rgb),.15);color:var(--text-muted)}.security-2fa-header h2{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;margin:0 0 var(--space-2) 0}.security-2fa-header p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;margin:0 auto;max-width:500px}.security-info-box{align-items:flex-start;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4)}.security-info-box svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.security-info-box strong{color:var(--text-primary);display:block;font-size:var(--text-sm);margin-bottom:var(--space-1)}.security-info-box p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.security-warning{color:var(--color-warning)}.security-2fa-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.security-benefits{margin-bottom:var(--space-6)}.security-benefits h3{color:var(--text-primary);font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-4) 0}.security-benefits ul{display:flex;flex-direction:column;gap:var(--space-3);list-style:none;margin:0;padding:0}.security-benefits li{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-3)}.security-benefits li svg{color:var(--color-success);flex-shrink:0;margin-top:2px}.security-disable-form{border-top:1px solid var(--border-color);margin-top:var(--space-6);padding-top:var(--space-6)}.security-warning-box{align-items:flex-start;background:rgba(var(--color-warning-rgb),.1);border:1px solid rgba(var(--color-warning-rgb),.3);border-radius:var(--radius-md);display:flex;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-4)}.security-warning-box svg{color:var(--color-warning);flex-shrink:0}.security-warning-box strong{color:var(--color-warning);display:block;margin-bottom:var(--space-1)}.security-warning-box p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.security-form-group{margin-bottom:var(--space-4)}.security-form-group label{color:var(--text-secondary);display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-2)}.security-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);padding:var(--space-3) var(--space-4);transition:border-color .2s ease;width:100%}.security-input:focus{border-color:var(--color-primary);outline:none}.security-disable-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.security-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:600;gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-5);transition:all .2s ease}.security-btn:disabled{cursor:not-allowed;opacity:.6}.security-btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--bg-void)}.security-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3);transform:translateY(-1px)}.security-btn-secondary{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary)}.security-btn-secondary:hover:not(:disabled){background:var(--bg-panel);border-color:var(--border-active)}.security-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.security-btn-danger:hover:not(:disabled){box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.security-btn-danger-outline{background:#0000;border:1px solid #ef4444;color:#ef4444}.security-btn-danger-outline:hover:not(:disabled){background:#ef44441a}.security-btn-ghost{background:#0000;color:var(--text-secondary)}.security-btn-ghost:hover:not(:disabled){background:var(--bg-card);color:var(--text-primary)}.active-sessions{width:100%}.sessions-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.sessions-header-info h2{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;margin:0 0 var(--space-2) 0}.sessions-header-info p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.sessions-header-actions{display:flex;gap:var(--space-3)}.sessions-empty,.sessions-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;padding:var(--space-12)}.sessions-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--color-primary);height:32px;width:32px}.sessions-list{display:flex;flex-direction:column;gap:var(--space-3)}.session-item{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:var(--space-4);padding:var(--space-4);transition:all .2s ease}.session-item:hover{border-color:var(--border-active)}.session-item.current{background:rgba(var(--color-primary-rgb),.05);border-color:var(--color-primary)}.session-icon{align-items:center;background:var(--bg-panel);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.session-item.current .session-icon{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.session-info{flex:1 1;min-width:0}.session-primary{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-2)}.session-device{color:var(--text-primary);font-size:var(--text-sm);font-weight:600}.session-current-badge{align-items:center;background:rgba(var(--color-success-rgb),.15);border-radius:var(--radius-sm);color:var(--color-success);display:inline-flex;font-size:var(--text-xs);font-weight:600;gap:var(--space-1);padding:var(--space-1) var(--space-2)}.session-secondary{display:flex;flex-wrap:wrap;gap:var(--space-3)}.session-detail{align-items:center;color:var(--text-muted);display:inline-flex;font-size:var(--text-xs);gap:var(--space-1)}.session-actions{flex-shrink:0}.session-revoke-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.session-revoke-btn:hover:not(:disabled){background:#ef44441a;border-color:#ef4444;color:#ef4444}.session-revoke-btn:disabled{cursor:not-allowed;opacity:.6}.session-revoke-spinner{animation:spin 1s linear infinite;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--color-primary);height:16px;width:16px}.sessions-summary{border-top:1px solid var(--border-color);margin-top:var(--space-4);padding-top:var(--space-4);text-align:center}.sessions-summary p{color:var(--text-muted);font-size:var(--text-sm);margin:0}.sessions-summary span{color:var(--text-secondary)}.security-trusted-devices{width:100%}.security-section-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.security-section-info h2{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;margin:0 0 var(--space-2) 0}.security-section-info p{color:var(--text-secondary);font-size:var(--text-sm);margin:0;max-width:400px}.security-section-actions{display:flex;gap:var(--space-3)}.security-loading-inline{gap:var(--space-3);padding:var(--space-8)}.security-empty-state,.security-loading-inline{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center}.security-empty-state{padding:var(--space-12);text-align:center}.security-empty-state svg{margin-bottom:var(--space-4);opacity:.5}.security-empty-state h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0 0 var(--space-2) 0}.security-empty-state p{font-size:var(--text-sm);margin:0;max-width:300px}.security-device-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.security-device-item{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:var(--space-4);padding:var(--space-4);transition:all .2s ease}.security-device-item:hover{border-color:var(--border-active)}.security-device-icon{align-items:center;background:var(--bg-panel);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.security-device-info{flex:1 1;min-width:0}.security-device-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.security-device-meta{display:flex;flex-wrap:wrap;gap:var(--space-3)}.security-device-meta-item{align-items:center;color:var(--text-muted);display:inline-flex;font-size:var(--text-xs);gap:var(--space-1)}.security-device-expires{color:var(--color-warning)}.security-btn-icon{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.security-btn-danger-icon:hover:not(:disabled){background:#ef44441a;border-color:#ef4444;color:#ef4444}.security-info-muted{background:var(--bg-card);border-color:var(--border-color)}.security-info-muted svg{color:var(--text-muted)}.spinning{animation:spin 1s linear infinite}.tfa-setup{margin:0 auto;max-width:500px}.tfa-setup-error,.tfa-setup-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;padding:var(--space-12);text-align:center}.tfa-setup-error svg{color:var(--color-error)}.tfa-setup-error h2{color:var(--text-primary);margin:0}.tfa-setup-error p{margin:0}.tfa-setup-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}.tfa-setup-progress{align-items:center;display:flex;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-8)}.tfa-progress-step{align-items:center;display:flex;flex-direction:column;gap:var(--space-1)}.tfa-progress-number{align-items:center;background:var(--bg-card);border:2px solid var(--border-color);border-radius:50%;color:var(--text-muted);display:flex;font-size:var(--text-sm);font-weight:600;height:32px;justify-content:center;transition:all .3s ease;width:32px}.tfa-progress-step.active .tfa-progress-number{background:var(--color-primary);border-color:var(--color-primary);color:var(--bg-void)}.tfa-progress-step.completed .tfa-progress-number{background:var(--color-success);border-color:var(--color-success);color:#fff}.tfa-progress-label{color:var(--text-muted);font-size:var(--text-xs)}.tfa-progress-step.active .tfa-progress-label{color:var(--color-primary)}.tfa-progress-line{background:var(--border-color);height:2px;margin-bottom:var(--space-5);width:60px}.tfa-setup-step{text-align:center}.tfa-setup-header{margin-bottom:var(--space-6)}.tfa-setup-header svg{color:var(--color-primary);margin-bottom:var(--space-3)}.tfa-setup-header.success svg{color:var(--color-success)}.tfa-setup-header h2{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;margin:0 0 var(--space-2) 0}.tfa-setup-header p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.tfa-setup-error-msg{align-items:center;background:rgba(var(--color-error-rgb),.1);border:1px solid rgba(var(--color-error-rgb),.3);border-radius:var(--radius-md);color:var(--color-error);display:flex;font-size:var(--text-sm);gap:var(--space-2);justify-content:center;margin-bottom:var(--space-4);padding:var(--space-3)}.tfa-qr-container{display:flex;justify-content:center;margin-bottom:var(--space-6)}.tfa-qr-code{background:#fff;border-radius:var(--radius-lg);padding:var(--space-4)}.tfa-qr-placeholder{align-items:center;background:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--radius-lg);color:var(--text-muted);display:flex;height:200px;justify-content:center;width:200px}.tfa-manual-entry{margin-bottom:var(--space-6)}.tfa-manual-entry p{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-3) 0}.tfa-secret-container{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:var(--space-2);justify-content:center;padding:var(--space-3)}.tfa-secret{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.1em}.tfa-secret.hidden{color:var(--text-muted)}.tfa-secret-copy,.tfa-secret-toggle{background:#0000;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-2);transition:color .2s ease}.tfa-secret-copy:hover,.tfa-secret-toggle:hover{color:var(--text-primary)}.tfa-verify-inputs{display:flex;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-6)}.tfa-verify-digit{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:600;height:56px;text-align:center;transition:all .2s ease;width:48px}.tfa-verify-digit:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2);outline:none}.tfa-verify-digit.error{border-color:var(--color-error)}.tfa-verify-digit:disabled{opacity:.6}.tfa-backup-warning{align-items:flex-start;background:rgba(var(--color-warning-rgb),.1);border:1px solid rgba(var(--color-warning-rgb),.3);border-radius:var(--radius-md);display:flex;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4);text-align:left}.tfa-backup-warning svg{color:var(--color-warning);flex-shrink:0;margin-top:2px}.tfa-backup-warning p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;margin:0}.tfa-backup-codes{margin-bottom:var(--space-6)}.tfa-backup-grid{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-4)}.tfa-backup-code{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.tfa-backup-number{color:var(--text-muted);font-size:var(--text-xs);min-width:20px}.tfa-backup-code code{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.05em}.tfa-backup-acknowledge,.tfa-backup-actions{display:flex;gap:var(--space-3);justify-content:center}.tfa-backup-acknowledge{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;margin-bottom:var(--space-6);padding:var(--space-4);transition:border-color .2s ease}.tfa-backup-acknowledge:hover{border-color:var(--border-active)}.tfa-backup-acknowledge input{accent-color:var(--color-primary);height:18px;width:18px}.tfa-backup-acknowledge span{color:var(--text-secondary);font-size:var(--text-sm)}.tfa-setup-actions{display:flex;gap:var(--space-3);justify-content:center}.two-factor-verify{padding:var(--space-4)}.tfa-header{align-items:center;display:flex;justify-content:center;margin-bottom:var(--space-6);position:relative}.tfa-back-btn{background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;left:0;padding:var(--space-2);position:absolute;transition:all .2s ease}.tfa-back-btn:hover:not(:disabled){background:var(--bg-card);color:var(--text-primary)}.tfa-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-lg);color:var(--bg-void);display:flex;height:64px;justify-content:center;width:64px}.tfa-title{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;margin:0 0 var(--space-2) 0;text-align:center}.tfa-subtitle{color:var(--text-secondary);margin:0 0 var(--space-4) 0}.tfa-email,.tfa-subtitle{font-size:var(--text-sm);text-align:center}.tfa-email{color:var(--text-muted);margin:0 0 var(--space-6) 0}.tfa-email strong{color:var(--text-primary)}.tfa-error{background:rgba(var(--color-error-rgb),.1);border:1px solid rgba(var(--color-error-rgb),.3);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);margin-bottom:var(--space-4);padding:var(--space-3);text-align:center}.tfa-code-inputs{display:flex;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-6)}.tfa-digit-input{background:var(--bg-input);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-xl);font-weight:600;height:52px;text-align:center;transition:all .2s ease;width:44px}.tfa-digit-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2);outline:none}.tfa-digit-input.error{border-color:var(--color-error)}.tfa-digit-input:disabled{opacity:.6}.tfa-backup-input-wrapper{margin-bottom:var(--space-4);position:relative}.tfa-backup-icon{color:var(--text-muted);left:var(--space-4);position:absolute;top:50%;transform:translateY(-50%)}.tfa-backup-input{background:var(--bg-input);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-base);letter-spacing:.1em;padding:var(--space-3) var(--space-4) var(--space-3) 44px;text-align:center;text-transform:uppercase;transition:all .2s ease;width:100%}.tfa-backup-input:focus{border-color:var(--color-primary);outline:none}.tfa-backup-input.error{border-color:var(--color-error)}.tfa-trust-device{align-items:center;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-2);margin:var(--space-4) 0;padding:var(--space-3);transition:all .2s ease}.tfa-trust-device:hover{background:var(--bg-elevated);border-color:var(--color-primary)}.tfa-trust-device input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:18px;width:18px}.tfa-trust-device span{color:var(--text-secondary);font-size:var(--text-sm)}.tfa-trust-device:has(input:checked) span{color:var(--text-primary)}.tfa-submit-btn{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;border-radius:var(--radius-md);color:var(--bg-void);cursor:pointer;font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);transition:all .2s ease;width:100%}.tfa-submit-btn:hover:not(:disabled){box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3);transform:translateY(-1px)}.tfa-submit-btn:disabled{cursor:not-allowed;opacity:.6}.tfa-toggle-btn{background:#0000;border:none;color:var(--color-primary);cursor:pointer;display:block;font-size:var(--text-sm);margin-bottom:var(--space-4);padding:var(--space-2);transition:color .2s ease;width:100%}.tfa-toggle-btn:hover:not(:disabled){text-decoration:underline}.tfa-toggle-btn:disabled{cursor:not-allowed;opacity:.6}.tfa-help{color:var(--text-muted);font-size:var(--text-xs);line-height:1.5;margin:0;text-align:center}@media (max-width:640px){.security-page{padding:var(--space-4)}.security-header{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.security-tabs{flex-wrap:wrap}.sessions-header{flex-direction:column}.sessions-header-actions{justify-content:stretch;width:100%}.sessions-header-actions .security-btn{flex:1 1}.session-item{flex-wrap:wrap}.session-actions{margin-top:var(--space-2);width:100%}.session-revoke-btn{width:100%}.tfa-backup-grid{grid-template-columns:1fr}.tfa-code-inputs,.tfa-verify-inputs{gap:var(--space-1)}.tfa-digit-input,.tfa-verify-digit{font-size:var(--text-lg);height:48px;width:40px}.security-section-header{flex-direction:column}.security-section-actions{justify-content:stretch;width:100%}.security-section-actions .security-btn{flex:1 1}.security-device-item{flex-wrap:wrap}.security-device-info{min-width:calc(100% - 80px)}.security-device-meta{flex-direction:column;gap:var(--space-1)}}:root{--font-display:"Space Grotesk",-apple-system,BlinkMacSystemFont,sans-serif;--font-data:"JetBrains Mono","SF Mono",Monaco,monospace;--font-body:"Space Grotesk",-apple-system,BlinkMacSystemFont,sans-serif;--font-sans:var(--font-body);--font-mono:var(--font-data);--color-primary:#38bdf8;--color-primary-hover:#0ea5e9;--color-primary-glow:#38bdf84d;--color-primary-rgb:56,189,248;--color-secondary:#818cf8;--color-secondary-hover:#6366f1;--bg-void:#05080d;--bg-primary:#0a0f18;--bg-elevated:#0d1420;--bg-panel:#111827;--bg-card:#161f30;--bg-hover:#1a2540;--background:222 47% 4%;--background-secondary:220 39% 7%;--background-tertiary:220 30% 10%;--background-hover:220 26% 13%;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-dim:#475569;--text-primary-rgb:241,245,249;--foreground:210 40% 96%;--foreground-secondary:215 16% 62%;--foreground-muted:215 16% 47%;--foreground-subtle:215 14% 34%;--tier-hot:#ef4444;--tier-hot-bg:#ef444426;--tier-hot-border:#ef44444d;--tier-hot-glow:#ef444466;--tier-hot-rgb:239,68,68;--tier-warm:#f97316;--tier-warm-bg:#f9731626;--tier-warm-border:#f973164d;--tier-warm-glow:#f9731666;--tier-warm-rgb:249,115,22;--tier-cool:#06b6d4;--tier-cool-bg:#06b6d426;--tier-cool-border:#06b6d44d;--tier-cool-glow:#06b6d466;--tier-cool-rgb:6,182,212;--tier-cold:#3b82f6;--tier-cold-bg:#3b82f626;--tier-cold-border:#3b82f64d;--tier-cold-glow:#3b82f666;--tier-cold-rgb:59,130,246;--tier-unqualified:#6b7280;--tier-unqualified-bg:#6b728026;--tier-unqualified-border:#6b72804d;--tier-unqualified-glow:#6b728066;--tier-unqualified-rgb:107,114,128;--color-hot:var(--tier-hot);--color-hot-glow:var(--tier-hot-glow);--color-hot-rgb:var(--tier-hot-rgb);--color-warm:var(--tier-warm);--color-warm-glow:var(--tier-warm-glow);--color-warm-rgb:var(--tier-warm-rgb);--color-cold:var(--tier-cold);--color-cold-glow:var(--tier-cold-glow);--color-cold-rgb:var(--tier-cold-rgb);--color-qualified:var(--tier-warm);--color-qualified-glow:var(--tier-warm-glow);--color-qualified-rgb:var(--tier-warm-rgb);--color-success:#22c55e;--color-success-rgb:34,197,94;--color-warning:#eab308;--color-warning-rgb:234,179,8;--color-error:#ef4444;--color-error-rgb:239,68,68;--color-info:#3b82f6;--color-info-rgb:59,130,246;--color-online:#22c55e;--color-offline:#ef4444;--color-processing:#3b82f6;--primary:199 89% 60%;--primary-hover:199 89% 53%;--primary-muted:199 89% 60%/0.15;--primary-foreground:0 0% 100%;--secondary:220 26% 14%;--secondary-hover:220 26% 18%;--secondary-foreground:210 40% 96%;--accent:199 89% 60%;--accent-foreground:0 0% 100%;--success:142 71% 45%;--success-muted:142 71% 45%/0.15;--success-foreground:0 0% 100%;--warning:45 93% 47%;--warning-muted:45 93% 47%/0.15;--warning-foreground:0 0% 0%;--destructive:0 84% 60%;--destructive-muted:0 84% 60%/0.15;--destructive-foreground:0 0% 100%;--info:217 91% 60%;--info-muted:217 91% 60%/0.15;--info-foreground:0 0% 100%;--border-color:#94a3b81f;--border-active:#38bdf84d;--border-glow:#38bdf880;--border:220 14% 16%;--border-hover:220 14% 22%;--border-focus:199 89% 60%;--border-subtle:220 14% 12%;--grid-line:#94a3b80f;--flow-line:#38bdf833;--accent-purple:#8b5cf6;--accent-cyan:#06b6d4;--accent-pink:#ec4899;--accent-orange:#f97316;--accent-teal:#14b8a6;--input:220 30% 10%;--input-border:220 14% 20%;--ring:199 89% 60%;--ring-offset:222 47% 4%;--card:220 39% 7%;--card-foreground:210 40% 96%;--card-border:220 14% 16%;--popover:220 39% 7%;--popover-foreground:210 40% 96%;--muted:220 30% 10%;--muted-foreground:215 16% 62%;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-xl:0 20px 40px #000000b3;--shadow-glow-primary:0 0 20px #38bdf84d;--shadow-glow-hot:0 0 20px #f43f5e66;--shadow-glow-success:0 0 20px #22c55e4d;--shadow-xs:0 1px 2px 0 #0003;--shadow-2xl:0 25px 50px -12px #00000080;--shadow-inner:inset 0 2px 4px 0 #0003;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--radius:8px;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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;--space-20:5rem;--space-24:6rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-5xl:3rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--transition-fast:100ms;--transition-base:150ms;--transition-slow:300ms;--transition-slower:500ms;--ease-default:cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--transition-swift:var(--transition-base) var(--ease-default);--sidebar-width:280px;--sidebar-collapsed-width:64px;--content-max-width:1400px;--content-padding:var(--space-6);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--color-void:var(--bg-void);--color-void-light:var(--bg-primary);--color-parchment:var(--text-primary);--color-gold:var(--color-primary);--color-gold-light:var(--color-primary-hover);--color-magic:var(--accent-purple);--color-mana:var(--color-info);--color-emerald:var(--color-success);--color-blood:var(--color-error);--color-ink:var(--text-primary);--color-bronze:var(--border-color);--color-border:var(--border-color);--color-border-light:var(--border-color);--color-border-strong:var(--border-active);--color-gold-10:#38bdf81a;--color-gold-20:#38bdf833;--brand-primary-rgb:var(--color-primary-rgb);--brand-success-rgb:var(--color-success-rgb);--brand-error-rgb:var(--color-error-rgb);--brand-warning-rgb:var(--color-warning-rgb);--brand-info-rgb:var(--color-info-rgb);--brand-accent-purple-rgb:139,92,246;--brand-text-muted:var(--text-muted);--gradient-gold:linear-gradient(135deg,var(--color-primary),var(--color-secondary));--gradient-magic:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));--gradient-glass:linear-gradient(135deg,var(--bg-panel),var(--bg-card));--shadow-gold:0 0 20px var(--color-primary-glow);--shadow-deep:var(--shadow-lg)}:root.light,[data-theme=light]{--bg-void:#fff;--bg-primary:#f8fafc;--bg-elevated:#f1f5f9;--bg-panel:#e2e8f0;--bg-card:#fff;--bg-hover:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-dim:#94a3b8;--border-color:#0f172a1a;--border-active:#38bdf880;--background:0 0% 100%;--background-secondary:210 40% 98%;--foreground:222 47% 11%;--foreground-secondary:215 16% 47%;--card:0 0% 100%;--card-foreground:222 47% 11%;--popover:0 0% 100%;--popover-foreground:222 47% 11%;--muted:210 40% 96%;--muted-foreground:215 16% 47%;--border:214 32% 91%;--input:214 32% 91%}:root{--breakpoint-sm:480px;--breakpoint-md:640px;--breakpoint-lg:768px;--breakpoint-xl:1024px;--breakpoint-2xl:1280px;--breakpoint-mobile:var(--breakpoint-sm);--breakpoint-tablet:var(--breakpoint-lg);--breakpoint-desktop:var(--breakpoint-xl);--breakpoint-wide:var(--breakpoint-2xl)}.mobile-only{display:flex}@media (min-width:768px){.mobile-only{display:none!important}}.tablet-only{display:none}@media (min-width:768px) and (max-width:1023px){.tablet-only{display:flex}}.desktop-only{display:none!important}@media (min-width:768px){.desktop-only{display:flex!important}}.large-desktop-only{display:none}@media (min-width:1024px){.large-desktop-only{display:flex}}@media (min-width:480px){.hidden-sm-up{display:none!important}}@media (min-width:640px){.hidden-md-up{display:none!important}}@media (min-width:768px){.hidden-lg-up{display:none!important}}@media (min-width:1024px){.hidden-xl-up{display:none!important}}.visible-sm-up{display:none}@media (min-width:480px){.visible-sm-up{display:flex}}.visible-md-up{display:none}@media (min-width:640px){.visible-md-up{display:flex}}.visible-lg-up{display:none}@media (min-width:768px){.visible-lg-up{display:flex}}.visible-xl-up{display:none}@media (min-width:1024px){.visible-xl-up{display:flex}}.flex-col-mobile{flex-direction:column}@media (min-width:768px){.flex-col-mobile{flex-direction:row}}.flex-col-tablet{flex-direction:column}@media (min-width:1024px){.flex-col-tablet{flex-direction:row}}.gap-responsive{gap:.75rem}@media (min-width:768px){.gap-responsive{gap:1rem}}@media (min-width:1024px){.gap-responsive{gap:1.5rem}}.p-responsive{padding:1rem}@media (min-width:768px){.p-responsive{padding:1.5rem}}@media (min-width:1024px){.p-responsive{padding:2rem}}.px-responsive{padding-left:1rem;padding-right:1rem}@media (min-width:768px){.px-responsive{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.px-responsive{padding-left:2rem;padding-right:2rem}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;scroll-behavior:smooth;text-rendering:optimizeLegibility}body{background-color:var(--bg-void);color:var(--text-primary);font-family:var(--font-sans);font-family:var(--font-body);font-size:.875rem;font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal)}#root,body{min-height:100vh}#root{background:var(--bg-void)}body:before{background-image:linear-gradient(var(--grid-line) 1px,#0000 1px),linear-gradient(90deg,var(--grid-line) 1px,#0000 1px);background-size:40px 40px}body:after,body:before{content:"";inset:0;pointer-events:none;position:fixed;z-index:0}body:after{background:radial-gradient(ellipse 80% 50% at 50% 0,rgba(var(--color-primary-rgb),.03) 0,#0000 50%)}#root{position:relative;z-index:1}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:var(--font-sans);font-family:var(--font-display);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin-bottom:var(--space-4)}h1{font-size:1.875rem;font-size:var(--text-3xl);font-weight:var(--font-bold)}h2{font-size:1.5rem;font-size:var(--text-2xl)}h3{font-size:1.125rem;font-size:var(--text-xl)}h4{font-size:1rem;font-size:var(--text-lg)}p{color:var(--text-secondary);margin-bottom:var(--space-4)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast) var(--ease-default)}a:hover{color:var(--color-primary-hover)}.data,.mono,code,pre{font-family:var(--font-data);font-size:.8125rem;font-size:var(--text-sm)}code{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--color-primary);padding:.125rem .5rem}pre{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow-x:auto;padding:var(--space-4)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:var(--text-dim);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-color:var(--text-dim) #0000;scrollbar-width:thin}:focus-visible{box-shadow:0 0 0 2px var(--bg-void),0 0 0 4px var(--color-primary);outline:none}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-header{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#05080dd9;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-md);height:56px;height:var(--header-height);position:-webkit-sticky;position:sticky;top:0;z-index:200}.app-header-content{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1280px;max-width:var(--content-max-width);padding:0 var(--space-4)}.header-left{gap:var(--space-4)}.header-left,.header-right{align-items:center;display:flex}.header-right{gap:var(--space-3)}.header-logo{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-2);margin:calc(var(--space-2)*-1);padding:var(--space-2);transition:background var(--transition-fast) var(--ease-default)}.header-logo:hover{background:hsl(var(--accent)/.1)}.header-logo-emoji{font-size:1.5rem;line-height:1}.header-logo-icon{color:hsl(var(--primary));flex-shrink:0}.header-logo-text{color:hsl(var(--foreground));font-size:var(--text-md);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight)}.desktop-nav{align-items:center;display:none;gap:var(--space-1)}@media (min-width:768px){.desktop-nav{display:flex}}.nav-link{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:hsl(var(--foreground-secondary));cursor:pointer;display:flex;font-size:.8125rem;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast) var(--ease-default)}.nav-link:hover{background:hsl(var(--accent)/.1);color:hsl(var(--foreground))}.nav-link.active{background:hsl(var(--accent)/.15);color:hsl(var(--primary))}.nav-link svg{height:16px;width:16px}.mobile-menu-toggle{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:hsl(var(--foreground-secondary));cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast) var(--ease-default);width:36px}.mobile-menu-toggle:hover{background:hsl(var(--accent)/.1);color:hsl(var(--foreground))}@media (min-width:768px){.mobile-menu-toggle{display:none}}.mobile-menu{animation:slideIn var(--transition-base) var(--ease-out);background:hsl(var(--background));bottom:0;left:0;overflow-y:auto;padding:var(--space-4);position:fixed;right:0;top:56px;top:var(--header-height);z-index:500}.mobile-menu-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsl(var(--background)/.5);inset:0;position:fixed;z-index:499}.mobile-nav-link{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:hsl(var(--foreground-secondary));cursor:pointer;display:flex;font-size:.875rem;font-size:var(--text-base);font-weight:var(--font-medium);gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;transition:all var(--transition-fast) var(--ease-default);width:100%}.mobile-nav-link:hover{background:hsl(var(--accent)/.1);color:hsl(var(--foreground))}.mobile-nav-link.active{background:hsl(var(--accent)/.15);color:hsl(var(--primary))}.mobile-nav-link svg{height:20px;width:20px}.user-menu-container{position:relative}.user-menu-trigger{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-1) var(--space-2);transition:background var(--transition-fast) var(--ease-default)}.user-menu-trigger:hover{background:hsl(var(--accent)/.1)}.user-avatar{align-items:center;background:hsl(var(--primary));border-radius:var(--radius-full);color:hsl(var(--primary-foreground));display:flex;font-size:.8125rem;font-size:var(--text-sm);font-weight:var(--font-semibold);height:32px;justify-content:center;width:32px}.user-info{align-items:flex-start;display:none;flex-direction:column;gap:2px}@media (min-width:640px){.user-info{display:flex}}.user-name{color:hsl(var(--foreground));font-size:.8125rem;font-size:var(--text-sm);font-weight:var(--font-medium)}.user-plan{color:hsl(var(--foreground-muted));font-size:.75rem;font-size:var(--text-xs)}.user-dropdown{background:hsl(var(--popover));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;min-width:200px;padding:var(--space-2);position:absolute;right:0;top:calc(100% + var(--space-2));z-index:100}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:hsl(var(--foreground-secondary));cursor:pointer;display:flex;font-size:.8125rem;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-3);padding:var(--space-2) var(--space-3);text-align:left;transition:all var(--transition-fast) var(--ease-default);width:100%}.dropdown-item:hover{background:hsl(var(--accent)/.1);color:hsl(var(--foreground))}.dropdown-item.logout{color:hsl(var(--destructive))}.dropdown-item.logout:hover{background:hsl(var(--destructive)/.1)}.dropdown-divider{background:hsl(var(--border));height:1px;margin:var(--space-2) 0}.notification-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:hsl(var(--foreground-secondary));cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transition:all var(--transition-fast) var(--ease-default);width:36px}.notification-btn:hover{background:hsl(var(--accent)/.1);color:hsl(var(--foreground))}.notification-badge{align-items:center;background:hsl(var(--destructive));border-radius:var(--radius-full);color:hsl(var(--destructive-foreground));display:flex;font-size:10px;font-weight:var(--font-semibold);height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:4px;top:4px}.upgrade-btn{align-items:center;background:hsl(var(--primary));border:none;border-radius:var(--radius-md);color:hsl(var(--primary-foreground));cursor:pointer;display:inline-flex;font-size:.8125rem;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast) var(--ease-default)}.upgrade-btn:hover{background:hsl(var(--primary-hover))}.upgrade-btn svg{height:14px;width:14px}.stats-grid-responsive{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr}@media (min-width:640px){.stats-grid-responsive{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.stats-grid-responsive{grid-template-columns:repeat(4,1fr)}}.stat-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-fast) var(--ease-default)}.stat-card:hover{border-color:hsl(var(--border-hover));box-shadow:0 4px 6px -1px #0000001a}.form-input,input[type=email],input[type=number],input[type=password],input[type=text],input[type=url],select,textarea{background:hsl(var(--input));border:1px solid hsl(var(--border));border-radius:var(--radius-md);color:hsl(var(--foreground));font-family:var(--font-sans);font-size:.8125rem;font-size:var(--text-sm);height:40px;padding:0 var(--space-3);transition:all var(--transition-fast) var(--ease-default);width:100%}.form-input::placeholder,input::placeholder,textarea::placeholder{color:hsl(var(--foreground-muted))}.form-input:hover,input:hover,select:hover,textarea:hover{border-color:hsl(var(--border-hover))}.form-input:focus,input:focus,select:focus,textarea:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary)/.1);outline:none}textarea{min-height:100px;padding:var(--space-3);resize:vertical}select{-webkit-text-fill-color:#f1f5f9;-webkit-text-fill-color:var(--text-primary,hsl(var(--foreground,210 40% 96%)));-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;color:#f1f5f9;color:var(--text-primary,hsl(var(--foreground,210 40% 96%)));cursor:pointer;opacity:1!important;padding-right:40px}select option{background:hsl(var(--background));background:var(--bg-panel,hsl(var(--background)));color:hsl(var(--foreground));color:var(--text-primary,hsl(var(--foreground)))}.mobile-notification-btn{align-items:center;background:#94a3b81a;border:1px solid #94a3b826;border-radius:10px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px}.mobile-notification-btn:active,.mobile-notification-btn:hover{background:#94a3b833;color:#f8fafc;color:var(--text-primary,#f8fafc)}.mobile-notification-btn .notification-badge{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:9px;box-shadow:0 2px 8px #ef444466;color:#fff;display:flex;font-size:.6875rem;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-4px;top:-4px}.mobile-notifications-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;inset:0;position:fixed;z-index:9998}.mobile-notifications-sheet{background:linear-gradient(180deg,#111827fa,#0f172afc);border:1px solid #94a3b826;border-bottom:none;border-top-left-radius:20px;border-top-right-radius:20px;bottom:0;box-shadow:0 -10px 40px #00000080;display:flex;flex-direction:column;left:0;max-height:85vh;position:fixed;right:0;z-index:9999}.sheet-handle{cursor:pointer;display:flex;justify-content:center;padding:12px 0 8px}.sheet-handle-bar{background:#94a3b84d;border-radius:2px;height:4px;transition:background .2s ease;width:40px}.sheet-handle:hover .sheet-handle-bar{background:#94a3b880}.sheet-header{border-bottom:1px solid #94a3b81a;justify-content:space-between;padding:8px 20px 16px}.sheet-header,.sheet-title{align-items:center;display:flex}.sheet-title{color:#f8fafc;color:var(--text-primary,#f8fafc);font-family:var(--font-sans);font-family:var(--font-display,"Inter",sans-serif);font-size:1.125rem;font-weight:600;gap:10px;margin:0}.sheet-title svg{color:#38bdf8;color:var(--color-primary,#38bdf8)}.sheet-badge{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:11px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;height:22px;justify-content:center;min-width:22px;padding:0 6px}.sheet-mark-read-btn{background:#38bdf81a;border:1px solid #38bdf833;border-radius:8px;color:#38bdf8;color:var(--color-primary,#38bdf8);cursor:pointer;font-family:var(--font-sans);font-family:var(--font-display,"Inter",sans-serif);font-size:.8125rem;font-weight:500;padding:8px 14px;transition:all .2s ease}.sheet-mark-read-btn:hover{background:#38bdf833}.sheet-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:0}.sheet-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.sheet-empty svg{color:#94a3b84d;margin-bottom:16px}.sheet-empty p{color:#f8fafc;color:var(--text-primary,#f8fafc);font-family:var(--font-sans);font-family:var(--font-display,"Inter",sans-serif);font-size:1rem;font-weight:500;margin:0 0 4px}.sheet-empty span{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.875rem}.sheet-list{padding:8px 0}.sheet-notification-item{align-items:flex-start;background:#0000;border:none;cursor:pointer;display:flex;gap:14px;padding:16px 20px;position:relative;text-align:left;transition:background .15s ease;width:100%}.sheet-notification-item:active,.sheet-notification-item:hover{background:#94a3b814}.sheet-notification-item.unread{background:#38bdf80d}.sheet-notification-item.unread:hover{background:#38bdf81a}.sheet-notification-icon{align-items:center;background:#94a3b81a;border-radius:10px;display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.sheet-notification-content{flex:1 1;min-width:0}.sheet-notification-message{color:#f8fafc;color:var(--text-primary,#f8fafc);display:block;font-family:var(--font-sans);font-family:var(--font-display,"Inter",sans-serif);font-size:.9375rem;font-weight:500;line-height:1.4;margin-bottom:4px}.sheet-notification-time{color:#94a3b8;color:var(--text-secondary,#94a3b8);display:block;font-size:.8125rem}.sheet-unread-dot{background:#38bdf8;background:var(--color-primary,#38bdf8);border-radius:50%;box-shadow:0 0 8px #38bdf880;height:8px;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:8px}.sheet-footer{border-top:1px solid #94a3b81a;padding:16px 20px calc(16px + env(safe-area-inset-bottom, 0px))}.sheet-view-all-btn{align-items:center;background:linear-gradient(135deg,#38bdf8,#0ea5e9);background:linear-gradient(135deg,var(--color-primary,#38bdf8),#0ea5e9);border:none;border-radius:12px;box-shadow:0 4px 12px #38bdf84d;color:#fff;cursor:pointer;display:flex;font-family:var(--font-sans);font-family:var(--font-display,"Inter",sans-serif);font-size:.9375rem;font-weight:600;justify-content:center;padding:14px 20px;transition:all .2s ease;width:100%}.sheet-view-all-btn:hover{box-shadow:0 6px 16px #38bdf866;transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes spinning{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinning{animation:spinning 1s linear infinite}:root{--color-void:hsl(var(--background));--color-void-light:hsl(var(--background-secondary));--color-shadow:hsl(var(--background-secondary));--color-stone:hsl(var(--background-tertiary));--color-iron:hsl(var(--border));--color-gold:hsl(var(--primary));--color-gold-dark:hsl(var(--primary-hover));--color-gold-light:hsl(var(--primary));--color-gold-10:hsl(var(--primary)/0.1);--color-gold-20:hsl(var(--primary)/0.2);--color-gold-30:hsl(var(--primary)/0.3);--color-bronze:hsl(var(--warning));--color-magic:hsl(var(--primary));--color-magic-glow:hsl(var(--primary));--color-magic-10:hsl(var(--primary)/0.1);--color-magic-20:hsl(var(--primary)/0.2);--color-mana:hsl(var(--info));--color-parchment:hsl(var(--foreground));--color-parchment-dark:hsl(var(--foreground-secondary));--color-ink:hsl(var(--background));--color-border:hsl(var(--border));--color-border-light:hsl(var(--border)/0.5);--color-border-strong:hsl(var(--border-hover));--color-success:hsl(var(--success));--color-warning:hsl(var(--warning));--color-error:hsl(var(--destructive));--color-info:hsl(var(--info));--color-emerald:hsl(var(--success));--color-blood:hsl(var(--destructive));--font-display:var(--font-sans);--font-body:var(--font-sans);--font-code:var(--font-mono);--space-xs:var(--space-1);--space-sm:var(--space-2);--space-md:var(--space-4);--space-lg:var(--space-6);--space-xl:var(--space-8);--space-2xl:var(--space-12);--space-3xl:var(--space-16);--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--shadow-shallow:0 1px 3px 0 #0000001a;--shadow-deep:0 4px 6px -1px #0000001a;--shadow-abyss:0 10px 15px -3px #0000001a;--shadow-gold:0 0 0 3px hsl(var(--primary)/0.15);--glow-gold:0 0 0 3px hsl(var(--primary)/0.1);--glow-magic:0 0 0 3px hsl(var(--primary)/0.1);--transition-swift:100ms ease-in-out;--transition-smooth:150ms ease-in-out;--transition-dramatic:300ms cubic-bezier(0.4,0,0.2,1);--header-height:56px;--sidebar-width:240px;--content-max-width:1280px}.auth-container{justify-content:center;min-height:100vh;padding:var(--space-4);position:relative}.auth-container,.auth-status{align-items:center;display:flex}.auth-status{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);gap:var(--space-3);padding:var(--space-2) var(--space-4);position:absolute;top:var(--space-6)}.auth-status-dot{animation:pulse 2s ease-in-out infinite;background:var(--color-online);border-radius:var(--radius-full);box-shadow:0 0 8px var(--color-online);height:8px;width:8px}.auth-status-text{color:var(--text-muted);font-family:var(--font-data);font-size:.75rem;font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase}.auth-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:420px;padding:var(--space-8);position:relative;width:100%}@media (max-width:480px){.auth-card{border-radius:var(--radius-lg);padding:var(--space-5)}}.auth-logo{margin-bottom:var(--space-6);text-align:center}.auth-logo-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-lg);box-shadow:var(--shadow-glow-primary);display:flex;font-size:2rem;height:64px;justify-content:center;margin:0 auto var(--space-3);width:64px}.auth-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-size:var(--text-2xl);font-weight:700}.auth-logo-text,.auth-title{font-family:var(--font-sans);font-family:var(--font-display);letter-spacing:-.02em}.auth-title{color:var(--text-primary);font-size:1.125rem;font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-4);text-align:center}.auth-subtitle{color:var(--text-muted);line-height:1.6;margin-bottom:var(--space-6);text-align:center}.auth-google-button,.auth-subtitle{font-size:.8125rem;font-size:var(--text-sm)}.auth-google-button{align-items:center;background:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--bg-void);cursor:pointer;display:flex;font-family:var(--font-sans);font-family:var(--font-display);font-weight:500;gap:var(--space-3);justify-content:center;padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);width:100%}.auth-google-button:hover{box-shadow:var(--shadow-md);opacity:.95}.auth-google-button:disabled{cursor:not-allowed;opacity:.7}.auth-divider{align-items:center;display:flex;margin:var(--space-5) 0}.auth-divider-line{background:var(--border-color);flex:1 1;height:1px}.auth-divider-text{color:var(--text-dim);font-family:var(--font-data);font-size:.75rem;font-size:var(--text-xs);letter-spacing:.05em;padding:0 var(--space-3);text-transform:uppercase}.auth-tabs{background:var(--bg-card);border-radius:var(--radius-md);display:flex;gap:4px;margin-bottom:var(--space-5);padding:4px}.auth-tab{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;flex:1 1;font-family:var(--font-sans);font-family:var(--font-display);font-size:.8125rem;font-size:var(--text-sm);font-weight:500;outline:none;padding:var(--space-2) var(--space-3);transition:all var(--transition-fast);white-space:nowrap}.auth-tab:hover{color:var(--text-secondary)}.auth-tab-active{background:rgba(var(--color-primary-rgb),.15);color:var(--color-primary)}.auth-form{gap:var(--space-4)}.auth-form,.auth-input-group{display:flex;flex-direction:column}.auth-input-group{gap:var(--space-2)}.auth-label{color:var(--text-secondary);font-family:var(--font-sans);font-family:var(--font-display);font-size:.8125rem;font-size:var(--text-sm);font-weight:500;letter-spacing:.01em}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-family:var(--font-body);font-size:16px;outline:none;padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);width:100%}.auth-input::placeholder{color:var(--text-dim)}.auth-input:hover{border-color:var(--border-active)}.auth-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.auth-input-error,.auth-input-error:focus{border-color:var(--color-error)}.auth-input-error:focus{box-shadow:0 0 0 3px #ef444426;box-shadow:0 0 0 3px rgba(var(--color-error-rgb,239,68,68),.15)}.auth-eye-button{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:1rem;font-size:var(--text-lg);outline:none;padding:var(--space-1);position:absolute;right:var(--space-3);transition:color var(--transition-fast)}.auth-eye-button:hover{color:var(--text-secondary)}.auth-error-text{align-items:center;color:hsl(var(--destructive));color:var(--color-error);display:flex;gap:var(--space-1)}.auth-error-text,.auth-helper-text{font-size:.75rem;font-size:var(--text-xs)}.auth-helper-text{color:var(--text-dim);line-height:1.5}.auth-button-primary{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--bg-void);cursor:pointer;display:flex;font-family:var(--font-sans);font-family:var(--font-display);font-size:.8125rem;font-size:var(--text-sm);font-weight:600;gap:var(--space-2);justify-content:center;outline:none;padding:var(--space-3) var(--space-5);transition:all var(--transition-fast);width:100%}.auth-button-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-glow-primary)}.auth-button-primary:disabled{cursor:not-allowed;opacity:.7}.auth-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-family:var(--font-sans);font-family:var(--font-display);font-size:.8125rem;font-size:var(--text-sm);font-weight:500;outline:none;padding:0;text-decoration:none;transition:color var(--transition-fast)}.auth-link:hover{color:var(--color-primary-hover)}.auth-back-link{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:.8125rem;font-size:var(--text-sm);gap:var(--space-2);margin-bottom:var(--space-6);padding:0;transition:color var(--transition-fast)}.auth-back-link:hover{color:var(--text-secondary)}.auth-footer{color:var(--text-muted);font-size:.8125rem;font-size:var(--text-sm)}.auth-footer,.auth-legal{margin-top:var(--space-5);text-align:center}.auth-legal{border-top:1px solid var(--border-color);color:var(--text-dim);font-size:.75rem;font-size:var(--text-xs);line-height:1.6;padding-top:var(--space-5)}.auth-legal-link{color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)}.auth-legal-link:hover{color:var(--text-secondary)}.auth-success-box{background:#22c55e1a;background:rgba(var(--color-success-rgb,34,197,94),.1);border:1px solid #22c55e4d;border:1px solid rgba(var(--color-success-rgb,34,197,94),.3);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.auth-success-icon{font-size:3rem;margin-bottom:var(--space-4)}.auth-success-title{color:hsl(var(--success));color:var(--color-success);font-family:var(--font-sans);font-family:var(--font-display);font-size:1rem;font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.auth-success-text{color:var(--text-muted);font-size:.8125rem;font-size:var(--text-sm);line-height:1.6;margin:0}.auth-success-text strong{color:var(--text-primary)}.auth-password-strength{margin-top:var(--space-2)}.auth-strength-bar{background:var(--bg-hover);border-radius:var(--radius-full);height:3px;margin-bottom:var(--space-1);overflow:hidden}.auth-strength-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-base),background var(--transition-base)}.auth-strength-label{font-family:var(--font-data);font-size:10px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.auth-skeleton-logo{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;border-radius:var(--radius-lg);height:64px;margin:0 auto var(--space-4);width:64px}.auth-skeleton-title{height:24px;margin:0 auto var(--space-6);width:180px}.auth-skeleton-button,.auth-skeleton-title{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;border-radius:var(--radius-md)}.auth-skeleton-button{height:48px;width:100%}.auth-skeleton-divider{background:var(--border-color);height:1px;margin:var(--space-5) 0;width:100%}.auth-skeleton-tabs{height:44px;margin-bottom:var(--space-5)}.auth-skeleton-input,.auth-skeleton-tabs{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;border-radius:var(--radius-md);width:100%}.auth-skeleton-input{height:52px;margin-bottom:var(--space-4)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}
/*# sourceMappingURL=main.a1748d8b.css.map*/