:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors:active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--total-scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--total-scale-factor));width:100%;min-width:calc(180px * var(--total-scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--total-scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888;border-radius:calc(2px * var(--total-scale-factor));padding:calc(6px * var(--total-scale-factor));margin-left:calc(5px * var(--total-scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--total-scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--total-scale-factor));padding-top:calc(2px * var(--total-scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors:active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;top:0;right:0;bottom:0;left:0;overflow:hidden;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;top:100%;right:0;bottom:0;left:0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;background:#f5f7fa;color:#1a1a2e;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.navbar{display:flex;align-items:center;gap:2rem;background:#fff;border-bottom:1px solid #e2e8f0;padding:0 1.5rem;height:56px;position:sticky;top:0;z-index:50;box-shadow:0 1px 3px #0000000a}.navbar-brand{font-weight:200;font-size:1rem;color:#1a1a2e;display:flex;align-items:center;gap:1rem}.navbar-links{display:flex;gap:.25rem}.nav-link{padding:.4rem .85rem;border-radius:6px;text-decoration:none;font-size:.9rem;font-weight:500;color:#555;transition:background .15s,color .15s,transform .15s}.nav-link:hover{background:#f0f4ff;color:#4361ee;transform:translateY(-1px)}.nav-link.active{background:#eef2ff;color:#4361ee;box-shadow:inset 0 -2px #4361ee}.container{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:1.75rem;margin-bottom:.25rem}.page-header .page-subtitle{font-size:.95rem;color:#666;font-weight:400}h1{font-size:1.75rem;margin-bottom:1.5rem}h2{font-size:1.25rem;margin-bottom:1rem;color:#333}.card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;padding:1.25rem 1.5rem;margin-bottom:1.5rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid #eee}th{font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.03em;color:#666;background:#f8fafc;border-bottom:2px solid #e2e8f0}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#f8fafc}button{cursor:pointer;border:none;border-radius:6px;padding:.45rem 1rem;font-size:.875rem;font-weight:500;font-family:inherit;transition:background .15s,transform .15s,box-shadow .15s}button.primary{background:#4361ee;color:#fff;box-shadow:0 1px 3px #4361ee4d}button.primary:hover{background:#3a56d4;transform:translateY(-1px);box-shadow:0 2px 6px #4361ee59}button.primary:active{transform:translateY(0);box-shadow:0 1px 2px #4361ee4d}button.primary:disabled{background:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}button.danger{background:#e63946;color:#fff;box-shadow:0 1px 3px #e639464d}button.danger:hover{background:#c5303c;transform:translateY(-1px);box-shadow:0 2px 6px #e6394659}button.danger:active{transform:translateY(0);box-shadow:0 1px 2px #e639464d}button.secondary{background:#e2e8f0;color:#333;box-shadow:0 1px 2px #0000000f}button.secondary:hover{background:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}button.secondary:active{transform:translateY(0);box-shadow:0 1px 2px #0000000f}button.secondary:disabled{background:#e2e8f0;color:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}button.link{background:none;color:#4361ee;padding:0;text-decoration:underline;box-shadow:none}button.link:hover{transform:none}.upload-zone{border:2px dashed #cbd5e1;border-radius:12px;padding:1.5rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;margin-top:.5rem}.upload-zone:hover{border-color:#4361ee;background:#f8faff}.upload-zone.drag-over{border-color:#4361ee;background:#eef2ff}.upload-zone.uploading{cursor:default;border-color:#cbd5e1;background:#f8fafc}.upload-zone.uploading svg{animation:waitingSpin 2s linear infinite}.upload-zone-icon{color:#94a3b8;margin-bottom:.5rem}.upload-zone-text{font-size:.95rem;font-weight:500;color:#333}.upload-zone-hint{font-size:.8rem;color:#94a3b8;margin-top:.25rem}.upload-zone-actions{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.75rem}.file-chip{display:inline-flex;align-items:center;gap:.35rem;background:#f0f4ff;border:1px solid #dbe4ff;border-radius:6px;padding:.3rem .65rem;font-size:.8rem;color:#4361ee;font-weight:500;margin-top:.5rem}.upload-row{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.upload-input{font-size:.875rem}.file-list{display:flex;flex-wrap:wrap;gap:.5rem}.file-item{display:flex;align-items:center;gap:.5rem;background:#f0f4ff;border-radius:6px;padding:.5rem .75rem;font-size:.9rem}.file-item .size{color:#888;font-size:.8rem}.empty-state{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;color:#94a3b8}.empty-state-icon{margin-bottom:.75rem;color:#cbd5e1}.empty-state-text{font-size:.95rem;font-weight:500;color:#64748b}.empty-state-subtext{font-size:.85rem;color:#94a3b8;margin-top:.25rem}.status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;font-size:.8rem;font-weight:600}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.status-dot.pulse{animation:statusPulse 1.5s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:overlayFadeIn .2s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.overlay .detail-card{background:#fff;border-radius:12px;padding:2rem;max-width:550px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #00000026;animation:modalScaleIn .2s ease}@keyframes modalScaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.detail-row{display:flex;gap:.5rem;padding:.35rem 0}.detail-row .label{font-weight:600;min-width:130px;color:#555}.error-text{color:#e63946;white-space:pre-wrap;font-size:.85rem;max-height:200px;overflow-y:auto}.job-detail-back{display:inline-flex;align-items:center;gap:.25rem;margin-bottom:1rem;color:#4361ee;text-decoration:none;font-size:.9rem;font-weight:500;transition:transform .15s}.job-detail-back:hover{text-decoration:underline;transform:translate(-2px)}.job-detail-header h2{margin-bottom:0}.job-detail-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.75rem;font-size:.85rem;color:#666}.progress-bar-track{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#4361ee,#6c8aff);border-radius:4px;transition:width .3s ease;background-size:20px 20px;animation:progressStripes .8s linear infinite}@keyframes progressStripes{0%{background-position:0 0}to{background-position:20px 0}}.progress-bar-fill:not(.completed){background-image:repeating-linear-gradient(-45deg,transparent,transparent 5px,rgba(255,255,255,.15) 5px,rgba(255,255,255,.15) 10px)}.progress-bar-fill.completed{background:linear-gradient(90deg,#10b981,#34d399);animation:none}.question-group-title{font-size:1rem;font-weight:600;color:#444;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.question-list{display:flex;flex-direction:column;gap:.75rem}.question-col-headers{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#666;padding:0 1rem}.question-card{border:1px solid #eee;border-left:3px solid #4361ee;border-radius:8px;padding:.75rem 1rem}.question-card-columns{display:flex;gap:1rem}.question-card-col{flex:1 1 0%;min-width:0}.question-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.question-number{font-weight:700;font-size:.75rem;color:#4361ee;background:#eef2ff;padding:.1rem .5rem;border-radius:999px;flex-shrink:0}.question-text{font-size:.9rem;color:#333}.answer-text{font-size:.875rem;color:#555;line-height:1.6;white-space:pre-wrap}.answer-text.truncated{max-height:4.8em;overflow:hidden}.question-sources{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.question-note{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #f0f0f0;position:relative}.question-note-input{width:100%;border:1px solid transparent;border-radius:4px;padding:.35rem .5rem;font-size:.8rem;font-family:inherit;color:#555;background:#fafbfc;resize:none;overflow:hidden;line-height:1.5;transition:border-color .15s,background .15s}.question-note-input:focus{outline:none;border-color:#4361ee;background:#fff}.question-note-input::placeholder{color:#bbb}.question-note-actions{display:flex;justify-content:flex-end;min-height:1.4rem;margin-top:.25rem}.refine-panel{margin-top:.5rem;padding:.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px}.refine-input{width:100%;border:1px solid #e2e8f0;border-radius:4px;padding:.35rem .5rem;font-size:.8rem;font-family:inherit;color:#555;background:#fff;resize:vertical;line-height:1.5;transition:border-color .15s}.refine-input:focus{outline:none;border-color:#4361ee}.refine-input::placeholder{color:#bbb}.source-chip{background:#f0f4ff;color:#4361ee;font-size:.75rem;padding:.15rem .5rem;border-radius:4px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s,transform .15s,box-shadow .15s}.source-chip:hover{background:#dbe4ff;border-color:#4361ee;transform:translateY(-1px);box-shadow:0 2px 4px #4361ee26}.source-chip-active{background:#4361ee;color:#fff;border-color:#4361ee}.source-chip-active:hover{background:#3a56d4}.job-detail-layout{display:flex;height:calc(100vh - 56px)}.job-detail-layout.job-detail-full .job-detail-left{flex:1 1 100%;max-width:1100px;margin:0 auto}.job-detail-left{flex:1 1 50%;overflow-y:auto;padding:2rem 1.5rem;min-width:0}.job-detail-left::-webkit-scrollbar{width:6px}.job-detail-left::-webkit-scrollbar-track{background:transparent}.job-detail-left::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.job-detail-left::-webkit-scrollbar-thumb:hover{background:#94a3b8}.job-detail-right{flex:1 1 50%;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;min-width:0}.pdf-viewer-close-bar{display:flex;justify-content:flex-end;padding:.35rem .75rem;background:#fff;border-bottom:1px solid #e2e8f0}.pdf-viewer{display:flex;flex-direction:column;height:100%}.pdf-viewer-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#94a3b8;font-size:.95rem;padding:2rem;text-align:center;gap:.5rem}.pdf-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid #e2e8f0;background:#fff;flex-shrink:0;gap:.5rem;box-shadow:0 1px 2px #0000000a}.pdf-viewer-title{font-size:.85rem;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.pdf-viewer-nav{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.pdf-viewer-page-info{font-size:.8rem;color:#666;white-space:nowrap}.pdf-nav-btn{background:#f0f4ff;color:#4361ee;font-size:.8rem;padding:.25rem .6rem;border-radius:6px;border:1px solid #dbe4ff}.pdf-nav-btn:hover:not(:disabled){background:#dbe4ff}.pdf-nav-btn:disabled{opacity:.4;cursor:not-allowed}.pdf-viewer-content{flex:1;overflow-y:auto;background:#e8e8e8;display:flex;justify-content:center}.pdf-viewer-content .react-pdf__Document{width:100%}.pdf-viewer-content .react-pdf__Page{display:flex;justify-content:center}.pdf-viewer-loading,.pdf-viewer-error{display:flex;align-items:center;justify-content:center;padding:3rem;color:#888;font-size:.9rem}.pdf-viewer-error{color:#e63946}.best-practice-text{font-size:.875rem;color:#555;line-height:1.6;white-space:pre-wrap}.waiting-state{display:flex;align-items:center;gap:.5rem;color:#94a3b8}.waiting-state svg{animation:waitingSpin 2s linear infinite}@keyframes waitingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.job-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem}.job-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem 1.25rem;cursor:pointer;transition:box-shadow .2s,transform .2s}.job-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.job-card-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.job-card-name-group{display:flex;align-items:center;gap:.3rem;min-width:0}.job-card-filename{font-weight:600;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.job-card-progress{margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.job-card-progress .progress-bar-track{flex:1}.job-card-progress-label{font-size:.75rem;color:#94a3b8;white-space:nowrap;font-family:monospace}.job-card-file-label{font-size:.75rem;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.2rem}.job-card-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.8rem;color:#94a3b8;margin-top:.5rem}.job-card-new{animation:jobHighlight 3s ease}@keyframes jobHighlight{0%{box-shadow:0 0 0 3px #4361ee80,0 4px 16px #4361ee33;border-color:#4361ee;background:#f8faff}70%{box-shadow:0 0 0 3px #4361ee4d,0 4px 12px #4361ee1a;border-color:#4361ee;background:#f8faff}to{box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;border-color:#e2e8f0;background:#fff}}.inline-rename{display:flex;align-items:center;gap:.35rem;flex:1;min-width:0}.inline-rename-input{flex:1;min-width:0;border:1px solid #4361ee;border-radius:6px;padding:.25rem .5rem;font-size:.95rem;font-family:inherit;font-weight:600;color:#1a1a2e;background:#fff;outline:none;box-shadow:0 0 0 3px #4361ee26}.rename-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:.2rem;border-radius:4px;color:#94a3b8;opacity:.5;cursor:pointer;transition:opacity .15s,color .15s;flex-shrink:0}.rename-btn:hover{opacity:1;color:#4361ee}.answer-wrapper{display:flex;align-items:flex-start;gap:.35rem}.answer-wrapper .answer-text{flex:1;min-width:0}.copy-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:.3rem;background:none;border:none;padding:.2rem;border-radius:4px;color:#94a3b8;opacity:.5;transition:opacity .15s,color .15s,background .15s;cursor:pointer;white-space:nowrap}.copy-btn:hover{opacity:1;background:#f0f4ff;color:#4361ee}.copy-btn.copied{opacity:1;color:#10b981}.copy-btn.copied:hover{background:#ecfdf5}.copy-icon.check{animation:copyCheckPop .3s ease}@keyframes copyCheckPop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.copy-label{font-size:.7rem;font-weight:600;animation:copyLabelFade 4s ease forwards}@keyframes copyLabelFade{0%{opacity:0}10%{opacity:1}50%{opacity:1}to{opacity:0}}.sheet-tabs{display:flex;gap:.25rem;border-bottom:2px solid #e2e8f0;margin-bottom:1rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;-webkit-overflow-scrolling:touch}.sheet-tabs::-webkit-scrollbar{height:4px}.sheet-tabs::-webkit-scrollbar-track{background:transparent}.sheet-tabs::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.sheet-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;color:#666;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;border-radius:6px 6px 0 0;white-space:nowrap;cursor:pointer;transition:color .15s,background .15s,border-color .15s}.sheet-tab:hover{color:#4361ee;background:#f8faff;transform:none}.sheet-tab.active{color:#4361ee;border-bottom-color:#4361ee;background:#f0f4ff}.sheet-tab-count{font-size:.7rem;font-weight:600;background:#e2e8f0;color:#666;padding:.05rem .4rem;border-radius:999px;min-width:1.2rem;text-align:center}.sheet-tab.active .sheet-tab-count{background:#dbe4ff;color:#4361ee}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f5f7fa}.login-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 4px 16px #00000014;padding:2.5rem 2rem;width:100%;max-width:380px;display:flex;flex-direction:column;gap:1rem}.login-logo{text-align:center;margin-bottom:.5rem}.login-title{text-align:center;margin-bottom:.25rem;font-size:1.35rem}.login-label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:500;color:#555}.login-input{border:1px solid #e2e8f0;border-radius:6px;padding:.5rem .75rem;font-size:.9rem;font-family:inherit;color:#1a1a2e;transition:border-color .15s}.login-input:focus{outline:none;border-color:#4361ee;box-shadow:0 0 0 3px #4361ee1a}.login-btn{margin-top:.5rem;padding:.6rem 1rem;font-size:.95rem}.login-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:6px;padding:.5rem .75rem;font-size:.85rem}.sso-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.65rem 1rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#333;font-size:.95rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}.sso-btn:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.sso-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000000f}.navbar-user{margin-left:auto;display:flex;align-items:center;gap:.75rem}.navbar-username{font-size:.85rem;font-weight:500;color:#555}.navbar-logout{padding:.3rem .7rem;font-size:.8rem}.create-user-form{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap}.create-user-form .login-input{flex:1;min-width:120px}.create-user-form select.login-input{flex:0 0 auto;min-width:100px}.status-admin{background:#fef3c7;color:#b45309}.status-user{background:#e0f2fe;color:#0369a1}@media(max-width:900px){.job-detail-layout{flex-direction:column;height:auto}.job-detail-left{flex:none;overflow-y:visible}.job-detail-right{flex:none;border-left:none;border-top:1px solid #e2e8f0;height:50vh;position:sticky;bottom:0}.question-card-columns{flex-direction:column;gap:.5rem}.question-card-col{flex:none}}
