.auth-root{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-background-tertiary);padding:var(--space-5)}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:40px;width:100%;max-width:400px;box-shadow:var(--shadow-md);animation:auth-card-in .18s ease-out both}@keyframes auth-card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.auth-logo{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6)}.auth-logo-mark{width:32px;height:32px;border-radius:8px;background:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-logo-mark svg{width:18px;height:18px;fill:#fff}.auth-logo-name{font-size:17px;font-weight:var(--font-weight-medium);color:var(--color-text-primary);letter-spacing:-.2px}.auth-title{font-size:20px;font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-1);letter-spacing:-.3px}.auth-subtitle{font-size:13px;color:var(--color-text-secondary);margin-bottom:var(--space-8);line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.auth-field{display:flex;flex-direction:column;gap:5px}.auth-field label{font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.auth-field input,.auth-field select{height:38px;padding:0 var(--space-3);background:var(--color-background);color:var(--color-text-primary);border:1px solid var(--color-border-strong);border-radius:var(--border-radius);font-family:var(--font-family);font-size:var(--font-size-base);outline:none;transition:border-color .12s ease,box-shadow .12s ease;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.auth-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px;cursor:pointer}.auth-field input:focus,.auth-field select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f}.auth-field input::placeholder{color:var(--color-text-muted)}.auth-field input[readonly]{background:var(--color-background-secondary);color:var(--color-text-secondary);cursor:default}.auth-strength{height:3px;border-radius:2px;background:var(--color-border);margin-top:4px;overflow:hidden}.auth-strength-fill{height:100%;border-radius:2px;transition:width .2s ease,background .2s ease}.auth-strength-fill[data-level="1"]{width:25%;background:var(--color-danger)}.auth-strength-fill[data-level="2"]{width:50%;background:var(--color-warning)}.auth-strength-fill[data-level="3"]{width:75%;background:#f59e0b}.auth-strength-fill[data-level="4"]{width:100%;background:var(--color-success)}.auth-error{display:flex;align-items:flex-start;gap:var(--space-2);background:var(--color-danger-light);border:1px solid rgba(220,38,38,.2);border-radius:var(--border-radius);padding:var(--space-2) var(--space-3);font-size:13px;color:var(--color-danger);line-height:1.45}.auth-error svg{flex-shrink:0;margin-top:1px}.auth-success{display:flex;align-items:center;gap:var(--space-2);background:var(--color-success-light);border:1px solid rgba(22,163,74,.2);border-radius:var(--border-radius);padding:var(--space-2) var(--space-3);font-size:13px;color:var(--color-success)}.auth-btn{width:100%;height:40px;background:var(--color-primary);color:#fff;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border:none;border-radius:var(--border-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-2);transition:background .12s ease,opacity .12s ease,transform 80ms ease;letter-spacing:.1px}.auth-btn:hover:not(:disabled){background:var(--color-primary-hover)}.auth-btn:active:not(:disabled){transform:scale(.99)}.auth-btn:disabled{opacity:.65;cursor:not-allowed}.auth-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:auth-spin .6s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.auth-notice{background:var(--color-warning-light);border:1px solid rgba(217,119,6,.25);border-radius:var(--border-radius);padding:var(--space-2) var(--space-3);font-size:13px;color:var(--color-warning);margin-bottom:var(--space-5);line-height:1.45}.auth-footer-note{font-size:12px;color:var(--color-text-muted);text-align:center;margin-top:var(--space-5)}@media (prefers-color-scheme: dark){.auth-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}}.db-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.db-greeting{font-size:18px;font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:1.3}.db-greeting-sub{font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);margin-top:var(--space-1)}.db-run-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);cursor:pointer;white-space:nowrap;transition:background .12s ease,opacity .12s ease;flex-shrink:0}.db-run-btn:hover:not(:disabled){background:var(--color-primary-hover)}.db-run-btn:disabled{cursor:not-allowed}.db-run-btn.is-running{background:var(--color-primary);opacity:.85}.db-run-btn.is-done{background:var(--color-success)}.db-run-btn.is-error{background:var(--color-danger)}.db-btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:db-spin .7s linear infinite;flex-shrink:0}.db-run-progress-wrap{height:3px;background:var(--color-border);border-radius:2px;margin-bottom:var(--space-5);overflow:hidden}.db-run-progress-fill{height:100%;background:var(--color-primary);border-radius:2px;transition:width .4s ease}.db-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}@media (max-width: 900px){.db-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.db-metrics{grid-template-columns:1fr}}.db-metric{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-1)}.db-metric.is-warning{background:var(--color-warning-light);border-color:#d9770640}.db-metric-val{font-size:24px;font-weight:var(--font-weight-medium);line-height:1.2;color:var(--color-text-primary);letter-spacing:-.5px}.db-metric.is-warning .db-metric-val{color:var(--color-warning)}.db-metric-label{font-size:var(--font-size-base);color:var(--color-text-secondary)}.db-metric-sub{font-size:12px;color:var(--color-text-muted);margin-top:var(--space-1);line-height:1.4}.db-grid{display:grid;grid-template-columns:3fr 2fr;gap:var(--space-5);align-items:start}@media (max-width: 780px){.db-grid{grid-template-columns:1fr}}.db-section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-3);gap:var(--space-3)}.db-section-title{font-weight:var(--font-weight-medium);font-size:var(--font-size-base);color:var(--color-text-primary)}.db-view-all{font-size:12px;color:var(--color-primary);text-decoration:none;white-space:nowrap;flex-shrink:0}.db-view-all:hover{text-decoration:underline}.db-pending-list{display:flex;flex-direction:column;gap:var(--space-3)}.db-pending-card{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-4)}.db-pending-body{flex:1;min-width:0}.db-pending-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;margin-bottom:var(--space-1)}.db-pending-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.db-meta-pill{font-size:12px;color:var(--color-primary);background:var(--color-primary-light);padding:2px 8px;border-radius:99px;font-weight:var(--font-weight-medium);line-height:1.6;white-space:nowrap}.db-meta-time{font-size:12px;color:var(--color-text-muted)}.db-review-btn{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--border-radius);background:none;color:var(--color-text-primary);font-size:12px;font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;flex-shrink:0;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-1);transition:background .12s ease,border-color .12s ease}.db-review-btn:hover{background:var(--color-background-secondary);border-color:var(--color-text-muted);text-decoration:none}.db-recent-list{display:flex;flex-direction:column;gap:var(--space-3)}.db-recent-card{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden;display:flex;align-items:stretch;gap:0;text-decoration:none;color:inherit;transition:border-color .12s ease}.db-recent-card:hover{border-color:var(--color-border-strong);text-decoration:none}.db-recent-thumb{width:88px;flex-shrink:0;background:var(--color-background-tertiary);position:relative;overflow:hidden}.db-recent-thumb img{width:100%;height:100%;object-fit:cover;display:block}.db-recent-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:20px;min-height:72px}.db-recent-body{flex:1;padding:var(--space-3) var(--space-3);display:flex;flex-direction:column;justify-content:center;gap:var(--space-1);min-width:0}.db-recent-title{font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.db-recent-meta{display:flex;align-items:center;gap:var(--space-2)}.db-recent-likes{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--color-text-muted)}.db-recent-date{font-size:12px;color:var(--color-text-muted)}.db-empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-text-muted);font-size:13px;background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--border-radius-lg)}.db-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-12);gap:var(--space-3);color:var(--color-text-muted)}.db-page-spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:db-spin .7s linear infinite;flex-shrink:0}.db-error-banner{padding:var(--space-3) var(--space-4);background:var(--color-danger-light, #fef2f2);border:.5px solid rgba(220,38,38,.2);border-radius:var(--border-radius);color:var(--color-danger);font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}.db-retry-btn{background:none;border:1px solid var(--color-danger);border-radius:var(--border-radius);color:var(--color-danger);padding:2px var(--space-3);font-size:12px;cursor:pointer;flex-shrink:0}@keyframes db-spin{to{transform:rotate(360deg)}}.ag-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.ag-title{font-size:18px;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.ag-run-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .12s ease,opacity .12s ease}.ag-run-btn:hover:not(:disabled){background:var(--color-primary-hover)}.ag-run-btn:disabled{cursor:not-allowed;opacity:.75}.ag-run-btn.is-running{background:var(--color-primary)}.ag-run-btn.is-error{background:var(--color-danger)}.ag-btn-spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:ag-spin .65s linear infinite;flex-shrink:0}.ag-layout{display:grid;grid-template-columns:1fr 360px;gap:var(--space-6);align-items:start}@media (max-width: 860px){.ag-layout{grid-template-columns:1fr}}.ag-card{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-5)}.ag-card-title{font-weight:var(--font-weight-medium);font-size:var(--font-size-base);color:var(--color-text-primary);margin-bottom:var(--space-4)}.ag-pipeline{list-style:none;margin:0;padding:0}.ag-step{display:flex;gap:var(--space-4);position:relative}.ag-step:not(:last-child) .ag-step-track:after{content:"";display:block;width:2px;flex:1;background:var(--color-border);margin:6px auto 0;min-height:28px;transition:background .3s ease}.ag-step.is-done:not(:last-child) .ag-step-track:after{background:var(--color-success)}.ag-step-track{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:20px;padding-top:2px}.ag-step-icon{width:20px;height:20px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .3s ease,border-color .3s ease}.ag-step-icon.is-waiting{border:2px solid var(--color-border-strong);background:transparent}.ag-step-icon.is-active{background:var(--color-primary);border:2px solid var(--color-primary);box-shadow:0 0 #2563eb80;animation:ag-pulse 1.4s ease-out infinite}.ag-step-icon.is-done{background:var(--color-success);border:2px solid var(--color-success)}.ag-step-icon.is-active:after{content:"";width:6px;height:6px;border-radius:50%;background:#fff}.ag-check{width:10px;height:10px;stroke:#fff;fill:none}.ag-step-body{flex:1;padding-bottom:var(--space-5);min-width:0}.ag-step:last-child .ag-step-body{padding-bottom:0}.ag-step-title{font-weight:var(--font-weight-medium);font-size:var(--font-size-base);color:var(--color-text-primary);line-height:1.3;margin-bottom:3px;transition:color .2s ease}.ag-step.is-waiting .ag-step-title{color:var(--color-text-muted)}.ag-step-desc{font-size:13px;color:var(--color-text-secondary);line-height:1.5;transition:color .2s ease}.ag-step.is-active .ag-step-desc{color:var(--color-primary)}.ag-step.is-done .ag-step-desc{color:var(--color-success)}.ag-progress-section{margin-top:var(--space-5)}.ag-progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);font-size:12px;color:var(--color-text-secondary)}.ag-progress-pct{font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;color:var(--color-text-primary);min-width:3ch;text-align:right}.ag-progress-track{height:8px;background:var(--color-border);border-radius:99px;overflow:hidden}.ag-progress-fill{height:100%;border-radius:99px;background:var(--color-primary);transition:width .6s ease;min-width:0}.ag-progress-fill.is-done{background:var(--color-success)}.ag-progress-fill.is-error{background:var(--color-danger)}.ag-error-bar{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-danger-light, #fef2f2);border:.5px solid rgba(220,38,38,.2);border-radius:var(--border-radius);color:var(--color-danger);font-size:13px;display:flex;align-items:center;gap:var(--space-3)}.ag-right{display:flex;flex-direction:column;gap:var(--space-4)}.ag-run-stats{display:flex;flex-direction:column;gap:var(--space-3)}.ag-stat-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);font-size:13px}.ag-stat-label{color:var(--color-text-secondary);flex-shrink:0}.ag-stat-value{font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.ag-stat-value.is-angle{white-space:normal;text-align:right;font-size:12px;font-weight:var(--font-weight-regular);color:var(--color-text-secondary);max-width:65%;line-height:1.4}.ag-sentiment-pill{display:inline-block;padding:1px 8px;border-radius:99px;font-size:11px;font-weight:var(--font-weight-medium);text-transform:capitalize}.ag-sentiment-pill[data-s=positive]{background:var(--color-success-light);color:var(--color-success)}.ag-sentiment-pill[data-s=negative]{background:var(--color-danger-light, #fef2f2);color:var(--color-danger)}.ag-sentiment-pill[data-s=neutral]{background:var(--color-background-secondary);color:var(--color-text-secondary)}.ag-sentiment-pill[data-s=mixed]{background:var(--color-warning-light);color:var(--color-warning)}.ag-divider{height:.5px;background:var(--color-border);margin:var(--space-1) 0}.ag-empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-text-muted);font-size:13px;line-height:1.6}.ag-empty-icon{font-size:24px;margin-bottom:var(--space-2)}.ag-threads{display:flex;flex-direction:column;gap:var(--space-2)}.ag-thread{padding:var(--space-3);background:var(--color-background-secondary);border:.5px solid var(--color-border);border-radius:var(--border-radius)}.ag-thread-title{font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:1.4;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ag-thread-meta{display:flex;align-items:center;gap:var(--space-3);font-size:12px;color:var(--color-text-muted);flex-wrap:wrap}.ag-thread-sub{color:var(--color-primary);font-weight:var(--font-weight-medium);flex-shrink:0}.ag-thread-score,.ag-thread-comments{display:inline-flex;align-items:center;gap:3px}@keyframes ag-spin{to{transform:rotate(360deg)}}@keyframes ag-pulse{0%{box-shadow:0 0 #2563eb8c}70%{box-shadow:0 0 0 8px #2563eb00}to{box-shadow:0 0 #2563eb00}}.ag-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8);gap:var(--space-3);color:var(--color-text-muted);font-size:13px}.ag-page-spinner{width:18px;height:18px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:ag-spin .7s linear infinite;flex-shrink:0}.ap-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.ap-title{font-size:18px;font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-right:auto}.ap-pagination{display:flex;align-items:center;gap:var(--space-2);font-size:13px;color:var(--color-text-secondary)}.ap-page-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--border-radius);color:var(--color-text-primary);font-size:16px;cursor:pointer;transition:background-color .12s ease}.ap-page-btn:hover:not(:disabled){background:var(--color-background-secondary)}.ap-page-btn:disabled{opacity:.35;cursor:not-allowed}.ap-grid{display:grid;grid-template-columns:1fr 340px;gap:var(--space-5);align-items:start}@media (max-width: 900px){.ap-grid{grid-template-columns:1fr}}.ap-main{display:flex;flex-direction:column;gap:var(--space-4)}.ap-image-header{display:flex;align-items:center;justify-content:flex-end;margin-bottom:var(--space-2)}.ap-regen-image-link{font-size:12px;color:var(--color-text-muted);cursor:pointer;background:none;border:none;padding:0;display:inline-flex;align-items:center;gap:4px;transition:color .12s ease}.ap-regen-image-link:hover:not(:disabled){color:var(--color-primary)}.ap-regen-image-link:disabled{opacity:.5;cursor:not-allowed}.ap-image-wrap{position:relative;aspect-ratio:16 / 9;width:100%;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden}.ap-image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.ap-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-text-muted);font-size:13px}.ap-image-placeholder-icon{font-size:28px;opacity:.4}.ap-image-spinner-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000040;border-radius:var(--border-radius-lg)}.ap-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-5)}.ap-editor-label{font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3);display:flex;align-items:center;justify-content:space-between}.ap-editor-saved{font-size:11px;font-weight:var(--font-weight-regular);text-transform:none;letter-spacing:0;color:var(--color-success);opacity:0;transition:opacity .4s ease}.ap-editor-saved[data-visible=true]{opacity:1}.ap-editor{min-height:140px;font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.65;color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;outline:none;caret-color:var(--color-primary);border-radius:var(--border-radius);padding:var(--space-3);margin:calc(-1 * var(--space-3));transition:background-color .15s ease}.ap-editor:focus{background:var(--color-background-secondary)}.ap-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-1);border-top:1px solid var(--color-border);margin-top:var(--space-4);padding-top:var(--space-3)}.ap-tag{display:inline-flex;align-items:center;padding:3px var(--space-3);border-radius:100px;font-size:12px;background:var(--color-primary-light);color:var(--color-primary);border:1px solid rgba(37,99,235,.18);white-space:nowrap}.ap-actions{display:flex;gap:var(--space-3);align-items:center}.ap-btn{display:inline-flex;align-items:center;gap:var(--space-2);height:38px;padding:0 var(--space-5);border-radius:var(--border-radius);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;transition:background-color .12s ease,opacity .12s ease}.ap-btn:disabled{opacity:.55;cursor:not-allowed}.ap-btn-approve{background:var(--color-success);color:#fff;border:none}.ap-btn-approve:hover:not(:disabled){background:#15803d}.ap-btn-regen{background:var(--color-background-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-strong)}.ap-btn-regen:hover:not(:disabled){background:var(--color-background-tertiary)}.ap-btn-reject{background:transparent;color:var(--color-danger);border:1px solid var(--color-danger);margin-left:auto}.ap-btn-reject:hover:not(:disabled){background:var(--color-danger-light)}.ap-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:500;padding:var(--space-5)}.ap-dialog{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-6);max-width:400px;width:100%;box-shadow:var(--shadow-md)}.ap-dialog-title{font-size:15px;font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.ap-dialog-body{font-size:13px;color:var(--color-text-secondary);margin-bottom:var(--space-4)}.ap-dialog-textarea{width:100%;min-height:80px;padding:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--border-radius);background:var(--color-surface);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);resize:vertical;margin-bottom:var(--space-4)}.ap-dialog-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f}.ap-dialog-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.ap-btn-ghost{height:34px;padding:0 var(--space-4);background:var(--color-background-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-strong);border-radius:var(--border-radius);font-family:var(--font-family);font-size:var(--font-size-base);cursor:pointer;transition:background-color .12s ease}.ap-btn-ghost:hover{background:var(--color-background-tertiary)}.ap-btn-confirm-reject{height:34px;padding:0 var(--space-4);background:var(--color-danger);color:#fff;border:none;border-radius:var(--border-radius);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity .12s ease}.ap-btn-confirm-reject:hover:not(:disabled){opacity:.88}.ap-btn-confirm-reject:disabled{opacity:.5;cursor:not-allowed}.ap-spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:ap-spin .6s linear infinite;flex-shrink:0}.ap-spinner-dark{border-color:var(--color-border-strong);border-top-color:var(--color-text-secondary)}.ap-spinner-lg{width:20px;height:20px;border-width:2.5px;border-color:var(--color-border-strong);border-top-color:var(--color-primary)}@keyframes ap-spin{to{transform:rotate(360deg)}}.ap-sidebar{display:flex;flex-direction:column;gap:var(--space-4)}.ap-section-title{font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3)}.ap-reddit-cards{display:flex;flex-direction:column;gap:var(--space-3)}.ap-reddit-card{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-background-secondary)}.ap-reddit-title{font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:1.4;margin-bottom:var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ap-reddit-meta{display:flex;align-items:center;gap:var(--space-3);font-size:12px;color:var(--color-text-muted)}.ap-reddit-sub{color:var(--color-primary);font-weight:var(--font-weight-medium)}.ap-reddit-stat{display:inline-flex;align-items:center;gap:3px}.ap-analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-4)}.ap-analysis-item{display:flex;flex-direction:column;gap:4px}.ap-analysis-label{font-size:11px;color:var(--color-text-muted)}.ap-analysis-value{font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-transform:capitalize}.ap-sentiment-badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:100px;font-size:12px;font-weight:var(--font-weight-medium);text-transform:capitalize}.ap-sentiment-badge[data-s=positive]{background:var(--color-success-light);color:var(--color-success)}.ap-sentiment-badge[data-s=negative]{background:var(--color-danger-light);color:var(--color-danger)}.ap-sentiment-badge[data-s=neutral]{background:var(--color-background-tertiary);color:var(--color-text-secondary)}.ap-sentiment-badge[data-s=mixed]{background:var(--color-warning-light);color:var(--color-warning)}.ap-score-bar{display:flex;align-items:center;gap:var(--space-2);margin-top:4px}.ap-score-track{flex:1;height:4px;background:var(--color-border-strong);border-radius:2px;overflow:hidden}.ap-score-fill{height:100%;background:var(--color-primary);border-radius:2px;transition:width .4s ease}.ap-score-num{font-size:12px;color:var(--color-text-muted);white-space:nowrap}.ap-keywords{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.ap-keyword-pill{font-size:12px;padding:2px var(--space-2);border-radius:4px;background:var(--color-background-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.ap-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px var(--space-5);text-align:center;gap:var(--space-3)}.ap-empty-icon{font-size:40px;opacity:.25}.ap-empty-title{font-size:16px;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.ap-empty-sub{font-size:13px;color:var(--color-text-muted);line-height:1.6;max-width:320px}.ap-loading{display:flex;align-items:center;justify-content:center;padding:80px 0;gap:var(--space-3);color:var(--color-text-muted);font-size:14px}.ap-error-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-danger-light);border:1px solid rgba(220,38,38,.2);color:var(--color-danger);border-radius:var(--border-radius);font-size:13px;margin-bottom:var(--space-4)}.ap-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--color-danger);color:#fff;border-radius:9px;font-size:11px;font-weight:var(--font-weight-medium);line-height:1;margin-left:5px;vertical-align:middle}@media (prefers-color-scheme: dark){.ap-spinner{border-color:#fff3;border-top-color:#fff}}.kw-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.kw-title{font-size:18px;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.kw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:var(--space-5);align-items:start}.kw-col{display:flex;flex-direction:column;gap:var(--space-5)}.kw-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-5)}.kw-card-title{font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-4)}.kw-tagbox{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);min-height:42px;border:1px solid var(--color-border-strong);border-radius:var(--border-radius);background:var(--color-surface);cursor:text;transition:border-color .15s ease,box-shadow .15s ease}.kw-tagbox:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f}.kw-tagbox-input{flex:1;min-width:140px;border:none;outline:none;background:transparent;color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);padding:2px 0}.kw-tagbox-input::placeholder{color:var(--color-text-muted)}.kw-pill{display:inline-flex;align-items:center;gap:4px;padding:3px var(--space-2) 3px var(--space-3);border-radius:100px;font-size:13px;border:1px solid transparent;white-space:nowrap;max-width:220px;flex-shrink:0}.kw-pill[data-active=true]{background:var(--color-primary-light);color:var(--color-primary);border-color:#2563eb33}.kw-pill[data-active=false]{background:var(--color-background-tertiary);color:var(--color-text-muted);border-color:var(--color-border)}.kw-pill-text{overflow:hidden;text-overflow:ellipsis;cursor:pointer;-webkit-user-select:none;user-select:none}.kw-pill-text:hover{opacity:.75}.kw-pill-remove{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;padding:0;border:none;border-radius:50%;background:none;color:inherit;font-size:15px;line-height:1;cursor:pointer;opacity:.5;transition:opacity .12s ease}.kw-pill-remove:hover{opacity:1}.kw-counter{margin-top:var(--space-2);font-size:12px;color:var(--color-text-muted);text-align:right}.kw-counter[data-warn=true]{color:var(--color-warning)}.kw-legend{margin-top:var(--space-2);font-size:12px;color:var(--color-text-muted);line-height:1.5}.kw-sub-pill{display:inline-flex;align-items:center;gap:4px;padding:3px var(--space-2) 3px var(--space-3);border-radius:100px;font-size:13px;background:var(--color-background-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border);white-space:nowrap;flex-shrink:0}.kw-field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.kw-field:last-child{margin-bottom:0}.kw-label{font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.kw-hint{font-size:12px;color:var(--color-text-muted);line-height:1.5}.kw-select,.kw-input{height:38px;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--border-radius);background:var(--color-surface);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);width:100%;transition:border-color .15s ease,box-shadow .15s ease}.kw-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:var(--space-8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center}.kw-select:focus,.kw-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f}.kw-input[type=number]::-webkit-inner-spin-button,.kw-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.kw-input[type=number]{-moz-appearance:textfield}.kw-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--border-radius);font-size:13px;margin-bottom:var(--space-4)}.kw-bar-unsaved{background:var(--color-warning-light);border:1px solid rgba(217,119,6,.2);color:var(--color-warning)}.kw-bar-success{background:var(--color-success-light);border:1px solid rgba(22,163,74,.2);color:var(--color-success)}.kw-bar-error{background:var(--color-danger-light);border:1px solid rgba(220,38,38,.2);color:var(--color-danger)}.kw-save-btn{display:inline-flex;align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-5);border-radius:var(--border-radius);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;transition:background-color .12s ease,opacity .12s ease}.kw-save-btn[data-dirty=true]{background:var(--color-primary);color:#fff;border:none}.kw-save-btn[data-dirty=true]:hover:not(:disabled){background:var(--color-primary-hover)}.kw-save-btn[data-dirty=false]{background:var(--color-background-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border-strong)}.kw-save-btn[data-dirty=false]:hover:not(:disabled){background:var(--color-background-tertiary)}.kw-save-btn:disabled{opacity:.6;cursor:not-allowed}.kw-spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:kw-spin .6s linear infinite;flex-shrink:0}@keyframes kw-spin{to{transform:rotate(360deg)}}.kw-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-12) 0;color:var(--color-text-muted);font-size:14px;gap:var(--space-3)}.kw-loading-spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--color-border-strong);border-top-color:var(--color-primary);animation:kw-spin .6s linear infinite}.kw-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:500;padding:var(--space-5)}.kw-dialog{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-6);max-width:380px;width:100%;box-shadow:var(--shadow-md)}.kw-dialog-title{font-size:15px;font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.kw-dialog-body{font-size:13px;color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-5)}.kw-dialog-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.kw-btn-ghost{height:34px;padding:0 var(--space-4);background:var(--color-background-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-strong);border-radius:var(--border-radius);font-family:var(--font-family);font-size:var(--font-size-base);cursor:pointer;transition:background-color .12s ease}.kw-btn-ghost:hover{background:var(--color-background-tertiary)}.kw-btn-leave{height:34px;padding:0 var(--space-4);background:var(--color-danger);color:#fff;border:none;border-radius:var(--border-radius);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity .12s ease}.kw-btn-leave:hover{opacity:.88}@media (prefers-color-scheme: dark){.kw-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.kw-pill[data-active=true]{border-color:#2563eb66}.kw-spinner{border-color:#fff3;border-top-color:#fff}}.hy-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.hy-title{font-size:18px;font-weight:var(--font-weight-medium);color:var(--color-text-primary);flex-shrink:0;margin-right:auto}.hy-filters{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.hy-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:var(--space-2) var(--space-5) var(--space-2) var(--space-3);background:var(--color-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right var(--space-3) center;border:1px solid var(--color-border-strong);border-radius:var(--border-radius);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);cursor:pointer;min-width:130px;height:34px;transition:border-color .12s ease}.hy-select:focus{outline:none;border-color:var(--color-primary)}.hy-count{font-size:13px;color:var(--color-text-muted);white-space:nowrap}.hy-toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--border-radius);font-size:13px;margin-bottom:var(--space-4);animation:hy-fade-in .2s ease}.hy-toast.is-success{background:var(--color-success-light);border:.5px solid rgba(22,163,74,.25);color:var(--color-success)}.hy-toast.is-error{background:var(--color-danger-light, #fef2f2);border:.5px solid rgba(220,38,38,.2);color:var(--color-danger)}.hy-table-wrap{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--border-radius-lg);overflow-x:auto;-webkit-overflow-scrolling:touch}.hy-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:var(--font-size-base)}.hy-col-thumb{width:64px}.hy-col-title{width:auto}.hy-col-status{width:118px}.hy-col-likes{width:62px}.hy-col-comments{width:72px}.hy-col-date{width:124px}.hy-col-action{width:88px}.hy-table thead tr{border-bottom:1px solid var(--color-border)}.hy-th{padding:var(--space-3) var(--space-3);text-align:left;font-size:12px;font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:var(--color-background-secondary);white-space:nowrap;-webkit-user-select:none;user-select:none}.hy-th:first-child{border-radius:var(--border-radius-lg) 0 0 0;padding-left:var(--space-4)}.hy-th:last-child{border-radius:0 var(--border-radius-lg) 0 0;padding-right:var(--space-4)}.hy-th.is-center{text-align:center}.hy-table tbody tr{border-bottom:.5px solid var(--color-border);transition:background 80ms ease}.hy-table tbody tr:last-child{border-bottom:none}.hy-table tbody tr:hover{background:var(--color-background-secondary)}.hy-td{padding:var(--space-3) var(--space-3);vertical-align:middle;color:var(--color-text-primary)}.hy-td:first-child{padding-left:var(--space-4)}.hy-td:last-child{padding-right:var(--space-4)}.hy-td.is-center{text-align:center}.hy-td.is-muted{color:var(--color-text-muted);font-size:13px}.hy-thumb{width:48px;height:48px;border-radius:var(--border-radius);overflow:hidden;background:var(--color-background-tertiary);flex-shrink:0;display:flex;align-items:center;justify-content:center}.hy-thumb img{width:100%;height:100%;object-fit:cover;display:block}.hy-thumb-placeholder{color:var(--color-text-muted);font-size:18px;line-height:1}.hy-post-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block;line-height:1.4}.hy-post-hashtags{font-size:12px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;display:block}.hy-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;font-size:12px;font-weight:var(--font-weight-medium);white-space:nowrap;line-height:1.5}.hy-pill:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.hy-pill.is-published{background:var(--color-success-light);color:var(--color-success)}.hy-pill.is-published:before{background:var(--color-success)}.hy-pill.is-rejected{background:var(--color-background-tertiary);color:var(--color-text-secondary)}.hy-pill.is-rejected:before{background:var(--color-text-muted)}.hy-pill.is-expired{background:var(--color-warning-light);color:var(--color-warning)}.hy-pill.is-expired:before{background:var(--color-warning)}.hy-pill.is-approved{background:var(--color-primary-light);color:var(--color-primary)}.hy-pill.is-approved:before{background:var(--color-primary)}.hy-view-link{font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:3px}.hy-view-link:hover{text-decoration:underline}.hy-retry-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--border-radius);background:none;color:var(--color-text-primary);font-size:12px;font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:background .12s ease,border-color .12s ease,opacity .12s ease}.hy-retry-btn:hover:not(:disabled){background:var(--color-background-secondary);border-color:var(--color-text-muted)}.hy-retry-btn:disabled{opacity:.55;cursor:not-allowed}.hy-btn-spinner{width:11px;height:11px;border:1.5px solid rgba(0,0,0,.2);border-top-color:var(--color-text-secondary);border-radius:50%;animation:hy-spin .65s linear infinite;flex-shrink:0}.hy-num{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.hy-num svg{color:var(--color-text-muted);flex-shrink:0}.hy-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-4);gap:var(--space-3);flex-wrap:wrap}.hy-pagination-info{font-size:13px;color:var(--color-text-muted)}.hy-pagination-controls{display:flex;align-items:center;gap:var(--space-1)}.hy-page-btn{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--space-2);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--border-radius);color:var(--color-text-primary);font-size:13px;cursor:pointer;transition:background .12s ease;white-space:nowrap}.hy-page-btn:hover:not(:disabled){background:var(--color-background-secondary)}.hy-page-btn:disabled{opacity:.35;cursor:not-allowed}.hy-page-btn.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:var(--font-weight-medium)}.hy-empty{padding:var(--space-12) var(--space-6);text-align:center;background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--border-radius-lg)}.hy-empty-icon{font-size:40px;margin-bottom:var(--space-3);line-height:1}.hy-empty-title{font-size:15px;font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-2)}.hy-empty-sub{font-size:13px;color:var(--color-text-secondary);margin-bottom:var(--space-5);max-width:320px;margin-left:auto;margin-right:auto;line-height:1.6}.hy-run-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;text-decoration:none;transition:background .12s ease}.hy-run-btn:hover{background:var(--color-primary-hover);text-decoration:none}.hy-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);color:var(--color-text-muted);font-size:13px;background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--border-radius-lg)}.hy-page-spinner{width:18px;height:18px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:hy-spin .7s linear infinite;flex-shrink:0}.hy-rejection-reason{font-size:12px;color:var(--color-text-muted);margin-top:2px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@keyframes hy-spin{to{transform:rotate(360deg)}}@keyframes hy-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.st-page{max-width:660px}.st-title{font-size:18px;font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-6)}.st-card{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--border-radius-lg);margin-bottom:var(--space-5);overflow:hidden}.st-card-header{padding:var(--space-4) var(--space-5);border-bottom:.5px solid var(--color-border)}.st-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:1.3}.st-card-subtitle{font-size:13px;color:var(--color-text-secondary);margin-top:var(--space-1);line-height:1.5}.st-card-body{padding:var(--space-5)}.st-card-footer{padding:var(--space-4) var(--space-5);border-top:.5px solid var(--color-border);display:flex;align-items:center;gap:var(--space-3)}.st-banner{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--border-radius);font-size:13px;margin-bottom:var(--space-4);animation:st-fade-in .18s ease}.st-banner.is-success{background:var(--color-success-light);color:var(--color-success);border:.5px solid rgba(22,163,74,.25)}.st-banner.is-error{background:var(--color-danger-light, #fef2f2);color:var(--color-danger);border:.5px solid rgba(220,38,38,.2)}.st-form{display:flex;flex-direction:column;gap:var(--space-4)}.st-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width: 520px){.st-row{grid-template-columns:1fr}}.st-field{display:flex;flex-direction:column;gap:var(--space-1)}.st-label{font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);display:block}.st-input{width:100%;height:36px;padding:0 var(--space-3);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--border-radius);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);box-sizing:border-box;transition:border-color .12s ease}.st-input:focus{outline:none;border-color:var(--color-primary)}.st-input:disabled,.st-input[readonly]{background:var(--color-background-secondary);color:var(--color-text-muted);cursor:not-allowed}.st-input.is-invalid{border-color:var(--color-danger)}.st-input-hint{font-size:12px;color:var(--color-text-muted);margin-top:2px}.st-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:34px;padding:0 var(--space-4);border-radius:var(--border-radius);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;transition:background .12s ease,opacity .12s ease,border-color .12s ease}.st-btn:disabled{opacity:.55;cursor:not-allowed}.st-btn-primary{background:var(--color-primary);color:#fff;border:none}.st-btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.st-btn-secondary{background:none;color:var(--color-text-primary);border:1px solid var(--color-border-strong)}.st-btn-secondary:hover:not(:disabled){background:var(--color-background-secondary);border-color:var(--color-text-muted)}.st-btn-danger{background:none;color:var(--color-danger);border:1px solid rgba(220,38,38,.35)}.st-btn-danger:hover:not(:disabled){background:var(--color-danger-light, #fef2f2);border-color:var(--color-danger)}.st-btn-linkedin{background:#0a66c2;color:#fff;border:none}.st-btn-linkedin:hover:not(:disabled){background:#004182}.st-btn-spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:st-spin .65s linear infinite;flex-shrink:0}.st-btn-spinner.is-dark{border-color:#00000026;border-top-color:var(--color-text-secondary)}.st-li-status{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.st-li-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.st-li-dot.is-connected{background:var(--color-success)}.st-li-dot.is-disconnected{background:var(--color-text-muted)}.st-li-status-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.st-li-meta{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-background-secondary);border:.5px solid var(--color-border);border-radius:var(--border-radius)}.st-li-meta-row{display:flex;align-items:baseline;gap:var(--space-3);font-size:13px}.st-li-meta-label{color:var(--color-text-muted);flex-shrink:0;min-width:80px}.st-li-meta-value{color:var(--color-text-primary);word-break:break-all}.st-li-meta-value a{color:var(--color-primary);text-decoration:none}.st-li-meta-value a:hover{text-decoration:underline}.st-li-expiry-warn{color:var(--color-warning)}.st-li-desc{font-size:13px;color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-4)}.st-toggle-list{display:flex;flex-direction:column}.st-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-4) 0;border-bottom:.5px solid var(--color-border)}.st-toggle-row:last-child{border-bottom:none;padding-bottom:0}.st-toggle-row:first-child{padding-top:0}.st-toggle-text{display:flex;flex-direction:column;gap:2px;min-width:0}.st-toggle-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:1.3}.st-toggle-desc{font-size:13px;color:var(--color-text-secondary);line-height:1.4}.st-toggle-switch{position:relative;flex-shrink:0;width:42px;height:24px}.st-toggle-switch input{opacity:0;width:0;height:0;position:absolute}.st-toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:99px;background:var(--color-border-strong);cursor:pointer;transition:background .2s ease}.st-toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.st-toggle-switch input:checked+.st-toggle-track{background:var(--color-primary)}.st-toggle-switch input:checked+.st-toggle-track:after{transform:translate(18px)}.st-toggle-switch input:focus-visible+.st-toggle-track{outline:2px solid var(--color-primary);outline-offset:2px}.st-saved-chip{display:inline-flex;align-items:center;gap:var(--space-1);font-size:13px;color:var(--color-success);animation:st-fade-in .18s ease}@keyframes st-spin{to{transform:rotate(360deg)}}@keyframes st-fade-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.ad-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.ad-title{font-size:18px;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.ad-btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);height:34px;padding:0 var(--space-4);background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:background .12s ease,opacity .12s ease}.ad-btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.ad-btn-primary:disabled{opacity:.55;cursor:not-allowed}.ad-btn-secondary{display:inline-flex;align-items:center;gap:var(--space-1);height:28px;padding:0 var(--space-3);background:none;color:var(--color-text-primary);border:1px solid var(--color-border-strong);border-radius:var(--border-radius);font-family:var(--font-family);font-size:12px;font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:background .12s ease,border-color .12s ease}.ad-btn-secondary:hover:not(:disabled){background:var(--color-background-secondary);border-color:var(--color-text-muted)}.ad-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.ad-btn-danger{display:inline-flex;align-items:center;gap:var(--space-1);height:28px;padding:0 var(--space-3);background:none;color:var(--color-danger);border:1px solid rgba(220,38,38,.3);border-radius:var(--border-radius);font-family:var(--font-family);font-size:12px;font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:background .12s ease,border-color .12s ease}.ad-btn-danger:hover:not(:disabled){background:var(--color-danger-light, #fef2f2);border-color:var(--color-danger)}.ad-btn-danger:disabled{opacity:.5;cursor:not-allowed}.ad-btn-success{display:inline-flex;align-items:center;gap:var(--space-1);height:28px;padding:0 var(--space-3);background:none;color:var(--color-success);border:1px solid rgba(22,163,74,.3);border-radius:var(--border-radius);font-family:var(--font-family);font-size:12px;font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:background .12s ease,border-color .12s ease}.ad-btn-success:hover:not(:disabled){background:var(--color-success-light);border-color:var(--color-success)}.ad-btn-success:disabled{opacity:.5;cursor:not-allowed}.ad-btn-spinner{width:11px;height:11px;border:1.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:ad-spin .65s linear infinite;flex-shrink:0}.ad-btn-spinner.is-dark{border-color:#00000026;border-top-color:var(--color-text-secondary)}.ad-banner{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--border-radius);font-size:13px;margin-bottom:var(--space-4);line-height:1.5;animation:ad-fade-in .18s ease}.ad-banner.is-success{background:var(--color-success-light);color:var(--color-success);border:.5px solid rgba(22,163,74,.25)}.ad-banner.is-error{background:var(--color-danger-light, #fef2f2);color:var(--color-danger);border:.5px solid rgba(220,38,38,.2)}.ad-banner-body{flex:1;min-width:0}.ad-banner-dismiss{background:none;border:none;cursor:pointer;color:inherit;opacity:.6;padding:0;flex-shrink:0;line-height:1}.ad-banner-dismiss:hover{opacity:1}.ad-temp-pw{font-family:monospace;font-size:15px;font-weight:700;letter-spacing:.05em;background:#0000000f;padding:2px 8px;border-radius:4px;-webkit-user-select:all;user-select:all;cursor:text}.ad-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}@media (max-width: 900px){.ad-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.ad-metrics{grid-template-columns:1fr}}.ad-metric{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-4) var(--space-5)}.ad-metric.is-warning{background:var(--color-warning-light);border-color:#d9770640}.ad-metric.is-error{background:var(--color-danger-light, #fef2f2);border-color:#dc262633}.ad-metric-label{font-size:12px;color:var(--color-text-muted);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2);white-space:nowrap}.ad-metric.is-warning .ad-metric-label{color:var(--color-warning)}.ad-metric.is-error .ad-metric-label{color:var(--color-danger)}.ad-metric-value{font-size:28px;font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:1;font-variant-numeric:tabular-nums}.ad-metric.is-warning .ad-metric-value{color:var(--color-warning)}.ad-metric.is-error .ad-metric-value{color:var(--color-danger)}.ad-metric-sub{font-size:12px;color:var(--color-text-muted);margin-top:var(--space-1)}.ad-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.ad-section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.ad-add-form-wrap{background:var(--color-surface);border:1px solid var(--color-primary);border-radius:var(--border-radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);animation:ad-fade-in .15s ease}.ad-add-form-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-4)}.ad-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}@media (max-width: 600px){.ad-form-grid{grid-template-columns:1fr}}.ad-field{display:flex;flex-direction:column;gap:var(--space-1)}.ad-label{font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.ad-input{height:34px;padding:0 var(--space-3);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--border-radius);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);box-sizing:border-box;transition:border-color .12s ease;width:100%}.ad-input:focus{outline:none;border-color:var(--color-primary)}.ad-input.is-invalid{border-color:var(--color-danger)}.ad-select{height:34px;padding:0 var(--space-5) 0 var(--space-3);-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--color-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right var(--space-3) center;border:1px solid var(--color-border-strong);border-radius:var(--border-radius);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);cursor:pointer;width:100%;box-sizing:border-box;transition:border-color .12s ease}.ad-select:focus{outline:none;border-color:var(--color-primary)}.ad-form-actions{display:flex;align-items:center;gap:var(--space-3)}.ad-table-wrap{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--border-radius-lg);overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--space-6)}.ad-table{width:100%;border-collapse:collapse;font-size:var(--font-size-base);table-layout:auto}.ad-table thead tr{border-bottom:1px solid var(--color-border)}.ad-th{padding:var(--space-3) var(--space-4);text-align:left;font-size:12px;font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:var(--color-background-secondary);white-space:nowrap;-webkit-user-select:none;user-select:none}.ad-th:first-child{border-radius:var(--border-radius-lg) 0 0 0}.ad-th:last-child{border-radius:0 var(--border-radius-lg) 0 0}.ad-table tbody tr{border-bottom:.5px solid var(--color-border);transition:background 80ms ease}.ad-table tbody tr:last-child{border-bottom:none}.ad-table tbody tr:hover{background:var(--color-background-secondary)}.ad-table tbody tr.is-suspended{opacity:.65}.ad-td{padding:var(--space-3) var(--space-4);vertical-align:middle;color:var(--color-text-primary);white-space:nowrap}.ad-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:var(--font-weight-medium);color:#fff;flex-shrink:0;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.ad-user-cell{display:flex;align-items:center;gap:var(--space-3)}.ad-user-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.ad-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:99px;font-size:12px;font-weight:var(--font-weight-medium);white-space:nowrap;line-height:1.5}.ad-pill:before{content:"";width:5px;height:5px;border-radius:50%;flex-shrink:0}.ad-pill.is-admin{background:var(--color-primary-light);color:var(--color-primary)}.ad-pill.is-admin:before{background:var(--color-primary)}.ad-pill.is-user{background:var(--color-background-tertiary);color:var(--color-text-secondary)}.ad-pill.is-user:before{background:var(--color-text-muted)}.ad-pill.is-active{background:var(--color-success-light);color:var(--color-success)}.ad-pill.is-active:before{background:var(--color-success)}.ad-pill.is-suspended{background:var(--color-warning-light);color:var(--color-warning)}.ad-pill.is-suspended:before{background:var(--color-warning)}.ad-li-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.ad-li-dot.is-on{background:var(--color-success)}.ad-li-dot.is-off{background:var(--color-border-strong)}.ad-actions{display:flex;align-items:center;gap:var(--space-2)}.ad-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-5);animation:ad-fade-in .15s ease}.ad-modal{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--border-radius-lg);width:100%;max-width:480px;box-shadow:0 20px 60px #00000026;animation:ad-slide-up .15s ease}.ad-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:.5px solid var(--color-border)}.ad-modal-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.ad-modal-close{background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:var(--space-1);border-radius:var(--border-radius);display:flex;align-items:center;transition:color .12s ease}.ad-modal-close:hover{color:var(--color-text-primary)}.ad-modal-body{padding:var(--space-5)}.ad-modal-footer{padding:var(--space-4) var(--space-5);border-top:.5px solid var(--color-border);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.ad-modal-cancel{display:inline-flex;align-items:center;height:34px;padding:0 var(--space-4);background:none;color:var(--color-text-secondary);border:1px solid var(--color-border-strong);border-radius:var(--border-radius);font-family:var(--font-family);font-size:var(--font-size-base);cursor:pointer;transition:background .12s ease}.ad-modal-cancel:hover{background:var(--color-background-secondary)}.ad-health-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}@media (max-width: 780px){.ad-health-grid{grid-template-columns:1fr}}.ad-health-card{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden}.ad-health-card-title{font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;padding:var(--space-3) var(--space-4);border-bottom:.5px solid var(--color-border);background:var(--color-background-secondary)}.ad-service-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:.5px solid var(--color-border);font-size:13px}.ad-service-row:last-child{border-bottom:none}.ad-service-name{color:var(--color-text-primary);font-weight:var(--font-weight-medium);flex-shrink:0}.ad-service-right{display:flex;align-items:center;gap:var(--space-2);min-width:0}.ad-service-message{color:var(--color-text-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.ad-status-badge{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:99px;font-size:11px;font-weight:var(--font-weight-medium);white-space:nowrap;flex-shrink:0}.ad-status-badge.is-ok{background:var(--color-success-light);color:var(--color-success)}.ad-status-badge.is-error{background:var(--color-danger-light, #fef2f2);color:var(--color-danger)}.ad-status-badge.is-unconfigured{background:var(--color-background-tertiary);color:var(--color-text-muted)}.ad-status-badge.is-expiring{background:var(--color-warning-light);color:var(--color-warning)}.ad-status-badge.is-expired{background:var(--color-danger-light, #fef2f2);color:var(--color-danger)}.ad-status-badge.is-not-connected{background:var(--color-background-tertiary);color:var(--color-text-muted)}.ad-status-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.ad-queue-stats{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-4)}.ad-queue-chip{display:flex;flex-direction:column;align-items:center;padding:var(--space-2) var(--space-3);background:var(--color-background-secondary);border:.5px solid var(--color-border);border-radius:var(--border-radius);min-width:72px;flex:1}.ad-queue-chip-val{font-size:20px;font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-variant-numeric:tabular-nums;line-height:1.2}.ad-queue-chip-label{font-size:11px;color:var(--color-text-muted);margin-top:2px;text-transform:capitalize}.ad-error-log{grid-column:1 / -1}.ad-error-list{max-height:320px;overflow-y:auto;-webkit-overflow-scrolling:touch}.ad-error-empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-text-muted);font-size:13px}.ad-error-item{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:.5px solid var(--color-border);font-size:12px}.ad-error-item:last-child{border-bottom:none}.ad-error-id{font-family:monospace;color:var(--color-text-muted);padding-top:1px;white-space:nowrap}.ad-error-body{min-width:0}.ad-error-reason{color:var(--color-danger);line-height:1.4;word-break:break-word}.ad-error-meta{color:var(--color-text-muted);margin-top:2px}.ad-error-time{color:var(--color-text-muted);white-space:nowrap;padding-top:1px}.ad-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);color:var(--color-text-muted);font-size:13px;background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--border-radius-lg)}.ad-page-spinner{width:18px;height:18px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:ad-spin .7s linear infinite;flex-shrink:0}@keyframes ad-spin{to{transform:rotate(360deg)}}@keyframes ad-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes ad-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}:root{--color-background: #ffffff;--color-background-secondary: #f8f9fa;--color-background-tertiary: #f1f3f5;--color-surface: #ffffff;--color-border: rgba(0, 0, 0, .08);--color-border-strong: rgba(0, 0, 0, .16);--color-text-primary: #111827;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #eff6ff;--color-success: #16a34a;--color-success-light: #f0fdf4;--color-warning: #d97706;--color-warning-light: #fffbeb;--color-danger: #dc2626;--color-danger-light: #fef2f2;--color-nav-active-bg: #f1f5f9;--font-family: Arial, system-ui, -apple-system, sans-serif;--font-size-base: 14px;--font-weight-regular: 400;--font-weight-medium: 500;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--content-max-width: 1200px;--nav-height: 56px;--border-radius: 6px;--border-radius-lg: 10px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08)}@media (prefers-color-scheme: dark){:root{--color-background: #0f172a;--color-background-secondary: #1e293b;--color-background-tertiary: #1e293b;--color-surface: #1e293b;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .16);--color-text-primary: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-primary-light: #1e3a8a;--color-nav-active-bg: #0f172a}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-text-primary);background:var(--color-background-tertiary);-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-family);font-size:var(--font-size-base);cursor:pointer;border:none;border-radius:var(--border-radius)}input,select,textarea{font-family:var(--font-family)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}*,*:before,*:after{transition:background-color .15s ease,border-color .15s ease,color .15s ease}button,a{transition:background-color .12s ease,color .12s ease,opacity .12s ease}