:root{font-family:Inter,SF Pro Display,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background: #f4f6fb;--surface: #ffffff;--surface-alt: #f9fafb;--border: #e2e8f0;--input-bg: #f8fafc;--accent: #f1b363;--text: #2c2e34;--muted: #807d6b;--badge-bg: rgba(238, 169, 105, .168);--badge-fg: #ca8638}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--background);color:#0f172a}#root{min-height:100vh}a{color:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column;gap:1.5rem;padding:2rem clamp(1rem,4vw,3rem)}.app-shell--centered{justify-content:center}.app-header{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1rem 1.5rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.header-nav{display:flex;gap:.5rem}.nav-btn{background:transparent;border:none;padding:.5rem .75rem;font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:.9rem;color:var(--muted);cursor:pointer;transition:color .15s ease}.nav-btn:hover{color:var(--text)}.nav-btn.active{color:var(--accent);font-weight:600}.eyebrow{text-transform:uppercase;font-size:.8rem;letter-spacing:.08em;color:var(--muted);margin:0}.lede{font-size:1.05rem;color:var(--muted);margin:0}.header-meta{display:flex;flex-direction:row;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.85rem;color:var(--muted)}.info{font-style:"mono"}.header-user{display:flex;gap:.5rem;align-items:center}.badge{display:inline-flex;align-items:center;padding:.1rem .6rem;border-radius:999px;font-size:.78rem;font-weight:600;background:var(--badge-bg);color:var(--badge-fg)}.tab-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem}.tab{border-radius:14px;border:1px solid var(--border);padding:1rem 1.25rem;text-align:left;background:var(--surface);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.tab small{display:block;color:var(--muted);margin-top:.25rem;font-size:.85rem}.tab.active{border-color:var(--accent);box-shadow:0 8px 24px #0f172a14}.tab-panel{flex:1}.panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.panel-header{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.panel-subtitle{margin:.25rem 0 0;color:var(--muted)}.panel-actions{display:flex;gap:.75rem;align-items:center}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.filters label,.question-form label{display:flex;flex-direction:column;gap:.35rem;font-weight:600;font-size:.9rem}input,select,textarea{border-radius:10px;border:1px solid var(--border);padding:.65rem .75rem;font:inherit;background:var(--input-bg);color:inherit}textarea{min-height:40px;resize:vertical}button{border-radius:10px;border:none;padding:.6rem 1.2rem;font-weight:600;cursor:pointer;background:var(--accent);color:#fff;transition:opacity .2s ease,transform .2s ease}button:hover{opacity:.9}button.ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}button.ghost.small{padding:.4rem .8rem;font-size:.85rem}.status{padding:.75rem 1rem;border-radius:12px;font-size:.95rem}.status.info{background:#3b82f61a;color:#1d4ed8}.status.error{background:#ef44441f;color:#b91c1c}.status.success{background:#10b98124;color:#047857}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:2rem;display:flex;flex-direction:column;gap:1rem;max-width:420px;width:100%;margin:0 auto}.login-actions{display:flex;justify-content:center}.muted-note{color:var(--muted);text-align:center}.panel-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem}.panel-card{border:1px dashed var(--border);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.question-form{display:flex;flex-direction:column;gap:.75rem}.form-actions{display:flex;gap:.75rem}.questions-list{display:flex;flex-direction:column;gap:.75rem;max-height:640px;overflow-y:auto;padding-right:.25rem}.question-card{border:1px solid var(--border);border-radius:12px;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.4rem;background:var(--surface-alt)}.question-card__meta{display:flex;gap:.35rem;flex-wrap:wrap;font-size:.8rem}.question-card__answer{font-weight:600}.question-card__actions{display:flex;gap:.5rem}.question-card__timestamp,.question-card__tags{font-size:.85rem;color:var(--muted)}.logs-table-wrapper{overflow-x:auto}.logs-table{width:100%;border-collapse:collapse;font-size:.9rem}.logs-table th,.logs-table td{padding:.75rem;border-bottom:1px solid var(--border);vertical-align:top}.logs-table pre{margin:0;font-size:.8rem;max-height:120px;overflow:auto;background:var(--surface-alt);padding:.5rem;border-radius:8px}.empty-cell{text-align:center;color:var(--muted)}.mono-header{font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-weight:800}.mono,.mono-button{font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace}.mono-button:hover{text-decoration:underline;cursor:pointer}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:1rem}.panel .badge{background:#f19e6326;color:var(--accent)}.label{color:var(--text)}.questions-panel{display:flex;flex-direction:column;gap:1rem}.questions-tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border);padding-bottom:.75rem}.questions-tab{background:transparent;border:none;padding:.5rem .75rem;font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:.85rem;color:var(--muted);cursor:pointer;transition:color .15s ease;position:relative}.questions-tab:hover{color:var(--text)}.questions-tab.active{color:var(--accent);font-weight:600}.queue-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.2rem;height:1.2rem;padding:0 .35rem;margin-left:.35rem;background:var(--accent);color:#fff;border-radius:999px;font-size:.7rem;font-weight:600}.questions-tab-content{display:flex;flex-direction:column;gap:1rem}.tab-header-row{display:flex;justify-content:space-between;align-items:center}.filters-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.filters-row input,.filters-row select{padding:.5rem .75rem;font-size:.85rem}.filters-row input[type=search]{min-width:200px;flex:1}.questions-list-compact{display:flex;flex-direction:column;gap:.5rem;max-height:500px;overflow-y:auto}.question-row{display:flex;align-items:center;gap:1rem;padding:.6rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--surface-alt)}.question-row__badges{display:flex;gap:.25rem;flex-shrink:0}.question-row__badges .badge{font-size:.7rem;padding:.1rem .4rem}.question-row__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.question-row__text{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.question-row__answer{font-size:.75rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.question-row__actions{display:flex;gap:.25rem;flex-shrink:0}.edit-queue-list{display:flex;flex-direction:column;gap:1rem}.edit-queue-item{border:1px solid var(--border);border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;background:var(--surface-alt)}.edit-queue-item.saved{opacity:.6;border-color:#10b981}.edit-queue-item.error{border-color:#ef4444}.edit-queue-item__header{display:flex;justify-content:space-between;align-items:center}.edit-queue-item__fields{display:flex;gap:.75rem;flex-wrap:wrap}.edit-queue-item__fields label{display:flex;flex-direction:column;gap:.2rem;font-size:.8rem;font-weight:500}.edit-queue-item__fields label span{color:var(--muted)}.edit-queue-item__fields input,.edit-queue-item__fields select{padding:.4rem .6rem;font-size:.85rem}.edit-queue-item__fields-wide{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.edit-queue-item__fields-wide label{display:flex;flex-direction:column;gap:.2rem;font-size:.8rem;font-weight:500}.edit-queue-item__fields-wide label span{color:var(--muted)}.edit-queue-item__fields-wide textarea{min-height:32px;font-size:.85rem}.edit-queue-item__fields-wide input{padding:.4rem .6rem;font-size:.85rem}.edit-queue-item__actions{display:flex;gap:.5rem;padding-top:.5rem;border-top:1px dashed var(--border)}.edit-queue-item__actions button{font-size:.85rem;padding:.4rem .8rem}.duplicates-panel textarea{width:100%;font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:.85rem}.duplicates-input-section{display:flex;flex-direction:column;gap:1rem}.duplicates-input-section label{display:flex;flex-direction:column;gap:.5rem;font-weight:600}.duplicates-input-section label span{color:var(--muted)}.duplicate-groups-list{display:flex;flex-direction:column;gap:1.25rem}.duplicate-group{border:1px solid var(--border);border-radius:12px}.duplicate-group__header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--surface-alt);border-bottom:1px solid var(--border);min-height:44px;color:var(--text)}.duplicate-group__title{font-weight:600;font-size:.9rem;color:var(--text)}.duplicate-group__actions{display:flex;gap:.5rem}.duplicate-group__questions{display:flex;flex-direction:column}.duplicate-question{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .15s ease;border-bottom:1px solid var(--border)}.duplicate-question:last-child{border-bottom:none}.duplicate-question:hover{background:var(--surface-alt)}.duplicate-question.selected{background:#10b98114}.duplicate-question.not-selected{background:#ef44440d}.duplicate-question input[type=checkbox]{margin-top:.25rem;flex-shrink:0;width:1rem;height:1rem}.duplicate-question__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.35rem}.duplicate-question__badges{display:flex;gap:.35rem;flex-wrap:wrap}.duplicate-question__badges .badge{font-size:.7rem;padding:.1rem .4rem}.duplicate-question__text{font-size:.85rem;color:var(--text)}.duplicate-question__answer{font-size:.8rem;color:var(--muted)}.duplicate-question__content{color:var(--text)}.badge-danger{background:#ef444426!important;color:#dc2626!important}.duplicate-question__answers{font-size:.8rem}.duplicate-question__answer-choices{display:flex;flex-wrap:wrap;gap:.35rem}.answer-choice{display:inline-block;padding:.15rem .5rem;border-radius:4px;background:var(--surface-alt);color:var(--muted);font-size:.8rem}.answer-choice.correct{background:#10b98133;color:#047857;font-weight:600}.delete-group-btn{background:#dc2626!important;color:#fff!important}.delete-group-btn:disabled{background:#9ca3af!important;cursor:not-allowed}.queue-panel{display:flex;flex-direction:column;gap:1rem}.queue-stats{display:flex;gap:1.5rem;flex-wrap:wrap;padding:.5rem 0;border-bottom:1px solid var(--border)}.queue-stats strong{color:var(--accent)}.queue-list{display:flex;flex-direction:column;gap:.75rem;max-height:640px;overflow-y:auto;padding-right:.25rem}.queue-card{border:1px solid var(--border);border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.6rem;background:var(--surface-alt);transition:border-color .2s ease}.queue-card--editing{border-color:var(--accent);box-shadow:0 4px 16px #0f172a14}.queue-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;flex-wrap:wrap}.queue-card__badges{display:flex;gap:.25rem;flex-wrap:wrap}.queue-card__badges .badge{font-size:.7rem;padding:.1rem .4rem}.queue-card__meta{display:flex;gap:1rem;align-items:center;flex-shrink:0}.queue-card__content{display:flex;flex-direction:column;gap:.3rem}.queue-card__question{font-size:.9rem;line-height:1.4}.queue-card__answer{font-size:.8rem;color:var(--muted);font-weight:600}.queue-card__choices{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.15rem}.queue-card__neighbor{padding:.4rem .6rem;background:#3b82f60f;border-radius:6px;border:1px dashed rgba(59,130,246,.2)}.queue-card__actions{display:flex;gap:.5rem;padding-top:.5rem;border-top:1px dashed var(--border)}.queue-card__actions button{font-size:.85rem;padding:.4rem .8rem}.queue-card__edit{display:flex;flex-direction:column;gap:.75rem;padding-top:.5rem;border-top:1px dashed var(--border)}.queue-card__edit-actions{display:flex;gap:.5rem;padding-top:.5rem;border-top:1px dashed var(--border)}.queue-card__edit-actions button{font-size:.85rem;padding:.4rem .8rem}button.ghost.danger{color:#dc2626;border-color:#dc2626}button.ghost.danger:hover{background:#dc262614}
