@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";.diagnostic-card{background:var(--bg-card, #ffffff);border-radius:12px;box-shadow:0 2px 8px #00000014;padding:16px;transition:all .2s ease}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.summary-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.6rem}.summary-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.summary-score{display:inline-flex;align-items:center;gap:.4rem;font-size:1.3rem;font-weight:700}.summary-meta{display:flex;flex-direction:column;gap:.2rem;font-size:.85rem;color:var(--text-secondary)}.metrics-section{margin-top:.5rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.metric-card{background:#0f172a66;border:1px solid rgba(148,163,184,.15);border-radius:10px;padding:.75rem .9rem;display:flex;flex-direction:column;gap:.35rem}.metric-label{font-size:.75rem;color:var(--text-secondary)}.metric-value{font-size:1.05rem;font-weight:600;color:var(--text-primary)}.component-section{margin-top:.5rem}.component-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem}.component-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.6rem .8rem;display:flex;justify-content:space-between;align-items:center}.component-name{font-size:.85rem;color:var(--text-primary)}.component-count{font-weight:700;color:var(--primary-color)}.task-section{margin-top:.5rem}.task-list{display:flex;flex-direction:column;gap:.5rem}.task-row{display:grid;grid-template-columns:1.2fr .8fr 1.2fr .8fr;gap:.5rem;align-items:center;background:#0f172a59;border:1px solid rgba(148,163,184,.12);border-radius:10px;padding:.6rem .8rem}.task-row-op{font-weight:600;color:var(--text-primary)}.task-row-state{font-size:.75rem;padding:.2rem .5rem;border-radius:9999px;background:#3b82f626;color:#60a5fa;width:fit-content}.task-row-state.state-succeeded{background:#10b98133;color:#34d399}.task-row-state.state-failed{background:#ef444433;color:#f87171}.task-row-target,.task-row-duration{font-size:.8rem;color:var(--text-secondary)}.task-row-time{grid-column:1 / -1;font-size:.75rem;color:var(--text-tertiary)}@media(max-width:720px){.task-row{grid-template-columns:1fr}}.task-summary{display:flex;flex-direction:column;gap:.35rem}.task-op{font-weight:600;color:var(--text-primary)}.task-state{font-size:.8rem;padding:.2rem .5rem;border-radius:9999px;background:#3b82f626;color:#60a5fa;width:fit-content}.task-state.state-succeeded{background:#10b98133;color:#34d399}.task-state.state-failed{background:#ef444433;color:#f87171}.task-target{font-size:.85rem;color:var(--text-secondary)}.task-time-range,.task-duration{font-size:.75rem;color:var(--text-secondary)}.time-range{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;color:var(--text-secondary)}.time-range-duration{font-size:.75rem;color:var(--text-tertiary)}.position-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.75rem;color:var(--text-secondary);margin-top:.2rem}.diagnostic-card.compact{padding:12px}.diagnostic-card.loading,.diagnostic-card.offline,.diagnostic-card.error,.diagnostic-card.empty{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:200px;justify-content:center}.diagnostic-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color, #e5e7eb)}.robot-info{display:flex;align-items:baseline;gap:8px}.robot-id{font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937)}.robot-type{font-size:.875rem;color:var(--text-secondary, #6b7280);background:var(--bg-secondary, #f3f4f6);padding:2px 8px;border-radius:4px}.health-score{display:flex;align-items:center;gap:6px;font-size:1.25rem;font-weight:700;padding:6px 12px;border-radius:8px}.health-score.health-green{background:#dcfce7;color:#166534}.health-score.health-yellow{background:#fef9c3;color:#a16207}.health-score.health-orange{background:#ffedd5;color:#c2410c}.health-score.health-red{background:#fee2e2;color:#991b1b}.diagnostic-section{margin-bottom:16px}.diagnostic-section h4{font-size:.875rem;font-weight:600;color:var(--text-secondary, #6b7280);margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.diagnostic-section h5{font-size:.75rem;font-weight:500;color:var(--text-tertiary, #9ca3af);margin:0 0 4px}.section-header{display:flex;justify-content:space-between;align-items:center}.section-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.section-header.clickable:hover{opacity:.8}.severity-badges{display:flex;gap:8px;flex-wrap:wrap}.severity-badge{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:6px;font-size:.875rem;font-weight:500}.severity-badge.severity-critical{background:#fee2e2;color:#991b1b}.severity-badge.severity-high{background:#ffedd5;color:#c2410c}.severity-badge.severity-medium{background:#fef9c3;color:#a16207}.severity-badge.severity-low{background:#dbeafe;color:#1e40af}.severity-count{font-weight:700;min-width:24px;text-align:center}.severity-label{font-size:.75rem}.status-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.status-item{padding:12px;background:var(--bg-secondary, #f9fafb);border-radius:8px}.battery-indicator{display:flex;align-items:center;gap:8px}.battery-indicator.battery-good{color:#166534}.battery-indicator.battery-warning{color:#a16207}.battery-indicator.battery-critical{color:#991b1b}.battery-details{display:flex;flex-direction:column;gap:2px}.battery-percent{font-weight:600;font-size:1rem}.battery-voltage,.battery-temp,.battery-soh{font-size:.75rem;color:var(--text-secondary, #6b7280)}.safety-status{display:flex;align-items:flex-start;gap:8px}.safety-status.safety-ok{color:#166534}.safety-status.safety-error{color:#991b1b}.safety-details{display:flex;flex-direction:column;gap:4px}.safety-item{display:flex;align-items:center;gap:4px;font-size:.75rem}.safety-item.ok{color:#166534}.safety-item.error{color:#991b1b}.safety-item.warning{color:#a16207}.position-info{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--text-primary, #374151)}.error-list-section{border-top:1px solid var(--border-color, #e5e7eb);padding-top:16px}.error-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.error-list-item{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:start;padding:10px 12px;background:#0f172a80;border-radius:8px;border-left:3px solid transparent}.error-item-meta{display:flex;justify-content:space-between;font-size:.7rem;color:#94a3b8;margin-top:.25rem}.error-item-node,.error-item-span{color:#94a3b8}.error-item-time{color:#64748b}.error-list-item.severity-critical{border-left-color:#ef4444;background:#ef44441f}.error-list-item.severity-high{border-left-color:#f97316;background:#f973161f}.error-list-item.severity-medium{border-left-color:#eab308;background:#eab3081f}.error-list-item.severity-low{border-left-color:#3b82f6;background:#3b82f61a}.error-item-header{display:flex;align-items:center;gap:4px}.error-icon.critical{color:#ef4444}.error-icon.high{color:#f97316}.error-icon.medium{color:#eab308}.error-icon.low{color:#3b82f6}.error-count{font-size:.75rem;font-weight:600;color:#cbd5e1}.error-item-message{font-size:.85rem;color:#f1f5f9;font-family:SF Mono,Consolas,monospace;word-break:break-word;line-height:1.4}.error-item-node{font-size:.7rem;color:#64748b;white-space:nowrap}.show-more-button{width:100%;padding:8px;margin-top:8px;background:transparent;border:1px dashed rgba(148,163,184,.3);border-radius:6px;color:#94a3b8;cursor:pointer;font-size:.875rem;transition:all .2s ease}.show-more-button:hover{background:var(--bg-secondary, #f9fafb);border-color:var(--primary, #3b82f6);color:var(--primary, #3b82f6)}.diagnostic-footer{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border-color, #e5e7eb);font-size:.75rem;color:var(--text-tertiary, #9ca3af)}.diagnostic-card.loading .diagnostic-card-header{border-bottom:none;justify-content:center;gap:12px}.diagnostic-card.loading .spin{animation:spin 1s linear infinite}.loading-skeleton{display:flex;flex-direction:column;gap:12px;width:100%;padding:16px}.skeleton-line{height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-line.short{width:60%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.diagnostic-card.offline .diagnostic-card-header{color:var(--text-secondary, #6b7280);border-bottom:none;gap:8px}.diagnostic-card.error .diagnostic-card-header{color:#b91c1c;border-bottom:none;gap:8px}.error-message{color:#991b1b;font-weight:500;margin-bottom:8px}.error-hint{color:var(--text-secondary, #6b7280);font-size:.875rem}.retry-button{display:flex;align-items:center;gap:6px;padding:8px 16px;margin-top:12px;background:var(--primary, #3b82f6);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;transition:background .2s ease}.retry-button:hover{background:var(--primary-dark, #2563eb)}.no-data{color:var(--text-tertiary, #9ca3af);font-size:.875rem;font-style:italic}@media(max-width:640px){.diagnostic-card{padding:12px}.severity-badges{gap:6px}.severity-badge{padding:4px 8px;font-size:.8rem}.severity-label{display:none}.status-row{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){.diagnostic-card{background:var(--bg-card-dark, #1f2937)}.robot-id{color:var(--text-primary-dark, #f9fafb)}.robot-type{background:var(--bg-secondary-dark, #374151);color:var(--text-secondary-dark, #9ca3af)}.status-item,.error-list-item{background:var(--bg-secondary-dark, #374151)}.error-item-message{color:var(--text-primary-dark, #e5e7eb)}}.result-card{margin-top:2rem;padding:2rem;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1);background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg);transition:var(--transition);position:relative;overflow:hidden}.result-card.success{border-color:#10b9814d;box-shadow:0 0 30px #10b9811a}.result-card.success:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--success-color),#34d399)}.result-card.error{border-color:#ef44444d;box-shadow:0 0 30px #ef44441a}.result-card.error:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--error-color),#f87171)}.result-hero-strip{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;margin-bottom:1.5rem;background:#10b9810f;border:1px solid rgba(16,185,129,.15);border-radius:var(--radius-lg);flex-wrap:wrap}.hero-fields{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.hero-field{display:flex;flex-direction:column;gap:.2rem}.hero-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.hero-value{font-size:1.05rem;font-weight:600;color:var(--text-primary)}.hero-value.highlight{color:var(--primary-color);font-size:1.2rem;font-weight:700;font-family:Monaco,Consolas,monospace;letter-spacing:-.02em}.new-ticket-btn{padding:.5rem 1.1rem;font-size:.875rem;font-weight:700;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);white-space:nowrap;flex-shrink:0;box-shadow:0 0 12px #3b82f64d}.new-ticket-btn:hover{background:#2563eb;box-shadow:0 0 18px #3b82f666;transform:translateY(-1px)}.collapsible-gallery{cursor:default}.gallery-summary{cursor:pointer;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:.25rem 0;-webkit-user-select:none;user-select:none;list-style:none}.gallery-summary::-webkit-details-marker{display:none}.gallery-summary:before{content:"▶ ";font-size:.6rem;opacity:.6;transition:transform .2s;display:inline-block}details[open] .gallery-summary:before{transform:rotate(90deg)}.analysis-summary{cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;padding-bottom:.5rem}.analysis-summary::-webkit-details-marker{display:none}.analysis-summary:before{content:"▶ ";font-size:.65rem;opacity:.6;transition:transform .2s;display:inline-block;margin-right:.25rem}details[open] .analysis-summary:before{transform:rotate(90deg)}.result-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.ticket-type-badge{margin-left:auto;padding:.3rem .8rem;border-radius:.5rem;font-size:.75rem;font-weight:600;letter-spacing:.03em;background:#6366f126;color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.result-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative;flex-shrink:0}.result-icon.icon-success{background:#10b98133;color:var(--success-color);box-shadow:0 0 15px #10b9814d}.result-icon.icon-success:before{content:"";width:40%;height:25%;border:3px solid currentColor;border-top:none;border-right:none;transform:rotate(-45deg) translateY(-15%)}.result-icon.icon-error{background:#ef444433;color:var(--error-color);box-shadow:0 0 15px #ef44444d}.result-icon.icon-error:before,.result-icon.icon-error:after{content:"";position:absolute;width:3px;height:50%;background:currentColor;border-radius:2px}.result-icon.icon-error:before{transform:rotate(45deg)}.result-icon.icon-error:after{transform:rotate(-45deg)}.result-card h3{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.result-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);transition:var(--transition)}.result-item:hover{background:#ffffff0d;border-color:#ffffff1a}.result-label{color:var(--text-secondary);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.result-value{color:var(--text-primary);font-size:1.1rem;font-weight:500;line-height:1.4}.result-value.highlight{color:var(--primary-color);font-size:1.25rem;font-weight:700;font-family:Monaco,Consolas,monospace;letter-spacing:-.02em}.led-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;border:1px solid transparent}.led-badge:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.led-badge.led-yellow{background:#fbbf241a;color:#fbbf24;border-color:#fbbf2433}.led-badge.led-blue{background:#3b82f61a;color:#60a5fa;border-color:#3b82f633}.led-badge.led-red{background:#ef44441a;color:#f87171;border-color:#ef444433}.confidence-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0}.confidence-badge.high{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.confidence-badge.medium{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.confidence-badge.low{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.led-badge.led-purple{background:#a855f71a;color:#c084fc;border-color:#a855f733}.led-badge.led-default{background:#94a3b81a;color:#94a3b8;border-color:#94a3b833}.status-closed{color:var(--success-color);background:#10b9811a;padding:.25rem .75rem;border-radius:9999px;display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;border:1px solid rgba(16,185,129,.2)}.status-closed:before{content:"✓";font-weight:800}.analysis-section,.diagnostics-section{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.diagnostics-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.diagnostics-title{margin:0;font-size:1rem;color:var(--text-primary);font-weight:600}.diagnostics-actions{display:flex;gap:.75rem;flex-wrap:wrap}.diagnostics-toggle{background:#3b82f61a;color:var(--primary-color);border:1px solid rgba(59,130,246,.3);padding:.4rem .9rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition)}.diagnostics-toggle.primary{background:#10b98126;border-color:#10b98159;color:#34d399}.diagnostics-toggle:disabled{opacity:.6;cursor:not-allowed}.diagnostics-content{display:flex;flex-direction:column;gap:1.5rem}.diagnosis-panel{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:1.25rem}.diagnosis-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.diagnosis-header h5{margin:0;font-size:.95rem;color:var(--text-primary)}.diagnosis-body{display:grid;gap:.75rem}.diagnosis-item{background:#ffffff0a;border-radius:var(--radius-md);padding:.75rem 1rem;border:1px solid rgba(255,255,255,.06)}.markdown-content p{margin:0;line-height:1.5}.markdown-content strong{color:var(--primary-color);font-weight:600}.actions-list{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.4rem}.actions-list li{line-height:1.4}.actions-list li p{margin:0;display:inline}.diagnosis-label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:.4rem}.diagnosis-item p,.diagnosis-item ul{margin:0;color:var(--text-primary);font-size:.95rem}.diagnosis-item ul{padding-left:1.2rem}.diagnosis-error{color:var(--error-color);font-size:.9rem;margin-bottom:.75rem}.diagnosis-placeholder{color:var(--text-secondary);font-size:.9rem}.analysis-title{margin:0 0 1rem;font-size:1rem;color:var(--text-primary);font-weight:600}.analysis-log{display:flex;flex-direction:column;gap:.75rem}.analysis-step{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);border-left:3px solid var(--primary-color);transition:var(--transition)}.analysis-step:hover{background:#ffffff0d}.step-icon{width:1.5rem;height:1.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.step-icon.icon-robot{border:2px solid var(--primary-color);border-radius:.25rem}.step-icon.icon-robot:before{content:"";position:absolute;width:40%;height:40%;border:1.5px solid var(--primary-color);border-radius:50%;top:20%}.step-icon.icon-robot:after{content:"";position:absolute;width:60%;height:2px;background:var(--primary-color);bottom:20%}.step-icon.icon-led{border-radius:50%;border:2px solid var(--primary-color)}.step-icon.icon-led:before{content:"";position:absolute;width:40%;height:40%;background:var(--primary-color);border-radius:50%}.step-icon.icon-description{border:2px solid var(--primary-color);border-radius:.25rem}.step-icon.icon-description:before{content:"";position:absolute;width:60%;height:2px;background:var(--primary-color);top:30%}.step-icon.icon-description:after{content:"";position:absolute;width:40%;height:2px;background:var(--primary-color);bottom:30%}.step-icon.icon-images{border:2px solid var(--primary-color);border-radius:.25rem}.step-icon.icon-images:before{content:"";position:absolute;width:4px;height:4px;background:var(--primary-color);border-radius:50%;top:25%;left:25%}.step-icon.icon-images:after{content:"";position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid var(--primary-color);bottom:20%;right:25%}.step-text{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.step-text strong{color:var(--text-primary);font-weight:600}.step-text strong.led-yellow{color:#fbbf24}.step-text strong.led-blue{color:#3b82f6}.step-text strong.led-red{color:#ef4444}.step-text strong.led-purple{color:#a855f7}.error-text{margin:0;color:var(--error-color)}@media(max-width:768px){.result-grid{grid-template-columns:1fr}.result-value.highlight{font-size:1.1rem}}.ticket-image-preview{margin-bottom:2rem;animation:fadeIn .5s ease-out}.image-gallery{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.image-gallery .image-container{width:120px;height:120px;max-height:120px;flex-shrink:0}.image-gallery .image-container img{width:100%;height:100%;object-fit:cover}.image-gallery .image-container.rejected{border-color:var(--error-color, #ef4444);opacity:.8}.error-images{margin-bottom:1rem}.image-container{width:100%;max-height:400px;overflow:hidden;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);background:#0000004d;display:flex;justify-content:center;align-items:center;margin-top:1rem;box-shadow:inset 0 0 20px #00000080;position:relative;cursor:pointer;text-decoration:none}.image-container:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff0d;border-radius:var(--radius-lg)}.image-container img{max-width:100%;max-height:400px;object-fit:contain;transition:transform .3s ease}.image-container:hover img{transform:scale(1.02)}.result-card.abnormal{border-color:#f59e0b4d;box-shadow:0 0 30px #f59e0b1a}.result-card.abnormal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--warning-color),#fbbf24)}.step-icon.icon-location{border:2px solid var(--warning-color);border-radius:50%}.step-icon.icon-location:before{content:"";position:absolute;width:40%;height:40%;border:2px solid var(--warning-color);border-radius:50%;top:20%}.step-icon.icon-location:after{content:"";position:absolute;width:2px;height:30%;background:var(--warning-color);bottom:20%}.logs-warning-section{margin-top:1.5rem;padding:1rem 1.25rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-lg);border-left:4px solid var(--warning-color)}.logs-warning-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.logs-warning-header .warning-icon{font-size:1.25rem}.logs-warning-header .warning-title{font-weight:600;color:var(--warning-color);font-size:.95rem}.logs-warning-section .warning-message{margin:0 0 .5rem;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.logs-warning-section .warning-suggestion{margin:0;color:var(--text-muted);font-size:.8rem;line-height:1.5}.instructions-compact{font-size:.78rem}.instructions-compact .instructions-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem}.instructions-compact h2{font-size:1rem;margin-bottom:1rem;color:var(--text-primary)}.instructions-compact h3{font-size:.9rem;margin-bottom:.5rem;color:var(--text-primary)}.instructions-compact h4{font-size:.78rem;margin-bottom:.4rem;color:var(--text-primary)}.instruction-section{margin-bottom:1rem}.instruction-section p{line-height:1.35;margin-bottom:.6rem;color:var(--text-secondary)}.mode-comparison{display:grid;gap:.75rem;margin-top:.75rem}.mode-box{padding:.75rem;background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .2s ease}.mode-box h4{color:var(--primary-color);margin-bottom:.35rem}.mode-box>p{font-size:.75rem;margin-bottom:.5rem;line-height:1.3}.mode-use-case,.mode-features,.mode-limitations{margin-top:.5rem;font-size:.75rem}.mode-use-case strong,.mode-features strong,.mode-limitations strong{display:block;margin-bottom:.35rem;color:var(--text-primary)}.mode-use-case ul li,.mode-features ul li,.mode-limitations ul li{position:relative;padding-left:.85rem;margin-bottom:.25rem;color:var(--text-secondary)}.best-practices li:before{content:"✓";position:absolute;margin-bottom:1rem;color:var(--text-secondary)}.mode-comparison{display:grid;gap:1rem;margin-top:1rem}.mode-box{padding:1rem;background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .2s ease}.mode-box.active{background:#3b82f61a;border-color:var(--primary-color)}.mode-box h4{color:var(--primary-color);margin-bottom:.5rem}.mode-box>p{font-size:.8125rem;margin-bottom:.75rem}.mode-use-case,.mode-features,.mode-limitations{margin-top:.75rem;font-size:.8125rem}.mode-use-case strong,.mode-features strong,.mode-limitations strong{display:block;margin-bottom:.5rem;color:var(--text-primary)}.mode-use-case ul,.mode-features ul,.mode-limitations ul{list-style:none;padding-left:1rem;margin:0}.mode-use-case ul li,.mode-features ul li,.mode-limitations ul li{position:relative;padding-left:1rem;margin-bottom:.375rem;color:var(--text-secondary)}.mode-use-case ul li:before{content:"→";position:absolute;left:0;color:var(--primary-color)}.mode-features ul li:before{content:"✓";position:absolute;left:0;color:var(--success-color)}.mode-limitations ul li:before{content:"!";position:absolute;left:0;color:var(--warning-color)}.beta-notice{padding:1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-md);margin-top:1rem;color:var(--text-secondary);font-size:.9rem}.beta-notice strong{color:var(--accent-color)}.limitation-box{display:flex;gap:1rem;padding:1.5rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);margin-top:1rem}.limitation-box h4{color:var(--warning-color);margin-bottom:.5rem}.limitation-box p{margin:0;color:var(--text-secondary)}.instruction-steps{list-style:none;counter-reset:step-counter;padding-left:0;font-size:.8125rem}.instruction-steps li{counter-increment:step-counter;position:relative;padding-left:2.5rem;margin-bottom:1.5rem}.instruction-steps li:before{content:counter(step-counter);position:absolute;left:0;top:0;width:1.75rem;height:1.75rem;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.instruction-steps strong{display:block;font-size:1.125rem;margin-bottom:.5rem;color:var(--text-primary)}.instruction-steps p{color:var(--text-secondary)}.instruction-steps ul{margin-top:.5rem;padding-left:1.5rem}.instruction-steps ul li{padding-left:0;margin-bottom:.25rem;color:var(--text-muted)}.instruction-steps ul li:before{display:none}.best-practices{list-style:none;padding-left:0}.best-practices li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-secondary);font-size:.8125rem}.best-practices li:before{content:"✓";position:absolute;left:0;color:var(--success-color);font-weight:700}.tickets-with-instructions{display:grid;grid-template-columns:1fr 380px;gap:2rem;max-width:1400px;margin:0 auto}.ticket-form-section{min-width:0}.instructions-sidebar{position:sticky;top:2rem;height:fit-content;max-height:calc(100vh - 4rem);overflow-y:auto}.highlight-feature{display:inline-block;background-color:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.3);padding:.15rem .75rem;margin:.25rem 0;border-radius:9999px;font-weight:600;font-size:.75rem;letter-spacing:.02em}.highlight-feature-future{display:inline-block;background-color:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.3);padding:.15rem .75rem;margin:.25rem 0;border-radius:9999px;font-size:.75rem;font-style:italic}@media(max-width:1200px){.tickets-with-instructions{grid-template-columns:1fr}.instructions-sidebar{position:static;max-height:none}}.log-server-dialog-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.log-server-dialog{background:var(--card-bg, #ffffff);border-radius:16px;padding:32px;max-width:480px;width:90%;box-shadow:0 20px 40px #0000004d;text-align:center;animation:dialogSlideIn .3s ease-out}@keyframes dialogSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.log-server-dialog-icon{color:#f59e0b;margin-bottom:16px}.log-server-dialog-icon svg{width:48px;height:48px}.log-server-dialog-title{margin:0 0 16px;font-size:1.5rem;font-weight:600;color:var(--text-primary, #1e293b)}.log-server-dialog-message{color:var(--text-secondary, #64748b);line-height:1.6;margin-bottom:12px}.log-server-dialog-question{color:var(--text-primary, #1e293b);font-weight:500;margin-bottom:24px}.log-server-dialog-actions{display:flex;gap:12px;justify-content:center}.log-server-dialog-btn{padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.log-server-dialog-btn.cancel{background:var(--bg-secondary, #f1f5f9);color:var(--text-primary, #1e293b)}.log-server-dialog-btn.cancel:hover{background:var(--bg-tertiary, #e2e8f0)}.log-server-dialog-btn.proceed{background:var(--primary-color, #3b82f6);color:#fff}.log-server-dialog-btn.proceed:hover{background:var(--primary-hover, #2563eb)}.log-server-dialog-btn.retry{background:#10b981;color:#fff}.log-server-dialog-btn.retry:hover{background:#059669}.log-server-dialog-btn.retry:disabled{background:#9ca3af;cursor:not-allowed}@media(prefers-color-scheme:dark){.log-server-dialog{background:var(--card-bg, #1e293b);border:1px solid rgba(255,255,255,.1)}.log-server-dialog-title{color:var(--text-primary, #f1f5f9)}.log-server-dialog-message{color:var(--text-secondary, #94a3b8)}.log-server-dialog-question{color:var(--text-primary, #f1f5f9)}.log-server-dialog-btn.cancel{background:#ffffff1a;color:var(--text-primary, #f1f5f9)}.log-server-dialog-btn.cancel:hover{background:#ffffff26}}body.dark .log-server-dialog{background:var(--card-bg, #1e293b);border:1px solid rgba(255,255,255,.1)}body.dark .log-server-dialog-title{color:var(--text-primary, #f1f5f9)}body.dark .log-server-dialog-message{color:var(--text-secondary, #94a3b8)}body.dark .log-server-dialog-question{color:var(--text-primary, #f1f5f9)}body.dark .log-server-dialog-btn.cancel{background:#ffffff1a;color:var(--text-primary, #f1f5f9)}body.dark .log-server-dialog-btn.cancel:hover{background:#ffffff26}.maintenance-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:#0f172a;position:relative;overflow:hidden}.maintenance-page:before{content:"";position:absolute;width:200%;height:200%;background:linear-gradient(rgba(59,130,246,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.05) 1px,transparent 1px);background-size:30px 30px;animation:drift 60s linear infinite}@keyframes drift{0%{transform:translate(0)}to{transform:translate(30px,30px)}}.maintenance-card{background:#1e293b;border-radius:16px;padding:3rem;max-width:800px;width:100%;box-shadow:0 25px 50px -12px #00000080;z-index:1;text-align:center;border:1px solid #334155;color:#e2e8f0}.maintenance-icon{width:64px;height:64px;background:#3b82f61a;color:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 0 20px #3b82f633}.maintenance-icon svg{width:32px;height:32px}.maintenance-title{font-size:2rem;font-weight:800;color:#f1f5f9;margin-bottom:.5rem;letter-spacing:-.025em}.maintenance-message{color:#94a3b8;margin-bottom:2.5rem;line-height:1.6}.game-container{background:#020617;border-radius:12px;padding:1.5rem;margin-bottom:2rem;border:1px solid #1e293b}.game-container h3{margin:0 0 1rem;color:#f1f5f9;font-weight:700}.game-instructions{font-size:.9rem;color:#64748b;margin-bottom:1.5rem}.game-board.dynamic{background:#0f172a;box-shadow:inset 0 0 50px #000c;position:relative;border:3px solid #334155;height:400px;border-radius:8px;overflow:hidden}.game-hud{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:.75rem;padding:0 .5rem}.hud-left{display:flex;flex-direction:column;text-align:left}.hud-level{font-size:.8rem;color:#94a3b8;font-weight:600}.hud-items{font-size:1.25rem;font-weight:800;color:#e2e8f0}.detection-bar-bg{flex:1;max-width:250px;height:24px;background:#1e293b;border:2px solid #475569;border-radius:12px;margin-left:2rem;position:relative;overflow:hidden}.detection-bar-fill{height:100%;background:#10b981;transition:width .1s linear,background-color .2s ease}.detection-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.7rem;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);letter-spacing:.1em}.start-screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;width:100%;z-index:20}.start-screen h3{font-size:2rem;margin-bottom:1rem;color:#3b82f6;text-shadow:0 2px 10px rgba(59,130,246,.3)}.controls-hint{display:flex;justify-content:center;gap:2rem;margin:2rem 0;font-size:.9rem;color:#94a3b8}.controls-hint span{background:#ffffff1a;padding:.5rem 1rem;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.game-start-btn{background:#3b82f6;color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.game-start-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.guard-container{position:absolute;z-index:5;pointer-events:none}.vision-cone{position:absolute;top:50%;left:50%;transform-origin:center center;pointer-events:none;z-index:4}.game-toast-message{position:absolute;top:10%;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-weight:600;border:1px solid #475569;animation:slideDownFade .3s ease-out;z-index:30}@keyframes slideDownFade{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.obstacle-item{position:absolute;z-index:2}.obstacle-item.shelf{background:repeating-linear-gradient(45deg,#334155,#334155 10px,#1e293b 10px 20px);border:2px solid #475569;box-shadow:0 4px 6px -1px #00000080}.obstacle-item.crate{background:#78350f;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h20v20H0z' fill='none'/%3E%3Cpath d='M1 1h18v18H1z' stroke='%2392400e' stroke-width='2' fill='none'/%3E%3Cpath d='M0 0l20 20M20 0L0 20' stroke='%2392400e' stroke-width='1'/%3E%3C/svg%3E");border:1px solid #92400e}.collectible-item{position:absolute;transform:translate(-50%,-50%);font-size:1.5rem;z-index:3;animation:collectibleFloat 2s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(250,204,21,.6))}@keyframes collectibleFloat{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-5px)}}.player{position:absolute;font-size:2rem;z-index:10;transition:transform .1s linear;filter:drop-shadow(0 0 8px rgba(59,130,246,.6))}.safety-inspector{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.maintenance-footer{padding-top:1.5rem;border-top:1px solid #334155;margin-top:2rem}.status-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#6b7280;font-size:.875rem}.status-dot{width:10px;height:10px;background:#ef4444;border-radius:50%;animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@media(max-width:768px){.maintenance-card{padding:2rem 1.5rem}.maintenance-title{font-size:1.5rem}}.tsa-card{display:flex;align-items:center;gap:.5rem;padding:.2rem .5rem;border-radius:9999px;background:#0f172a66;border:1px solid var(--border-color);width:fit-content;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s cubic-bezier(.4,0,.2,1);font:inherit;color:inherit;text-align:left;appearance:none;-webkit-appearance:none}.tsa-card:hover{border-color:#3b82f680;background:#0f172ab3;box-shadow:0 0 16px #3b82f626}.tsa-pulse-active{animation:tsaPulseRing .8s ease-out}@keyframes tsaPulseRing{0%{box-shadow:0 0 #3b82f699;transform:scale(1)}50%{box-shadow:0 0 12px 6px #3b82f600;transform:scale(.97)}to{box-shadow:0 0 #3b82f600;transform:scale(1)}}.tsa-gauge-wrapper{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.tsa-gauge-svg{transform:rotate(0);transition:transform .5s ease}.tsa-card:hover .tsa-gauge-svg{transform:rotate(360deg)}.tsa-gauge-fill{transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1)}.tsa-gauge-core{transition:fill .3s ease}.tsa-gauge-centered-label{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:800;color:var(--text-primary);font-family:Menlo,Monaco,Consolas,monospace}.tsa-content{display:flex;flex-direction:column;justify-content:center;gap:.05rem}.tsa-count-row{display:flex;align-items:baseline;gap:.2rem;line-height:1}.tsa-count{font-size:.85rem;font-weight:800;color:var(--text-primary);font-family:Menlo,Monaco,Consolas,Fira Code,monospace;min-width:18px;text-align:center}.tsa-unit{font-size:.65rem;font-weight:700;color:var(--text-muted);letter-spacing:.05em}.tsa-sub-row{display:flex;align-items:center}.tsa-badge{font-size:.55rem;font-weight:800;padding:0 .25rem;height:12px;display:flex;align-items:center;border-radius:3px;letter-spacing:.02em}.tsa-interactive-panel{position:absolute;top:100%;right:0;margin-top:.6rem;width:240px;background:#0f172afa;border:1px solid var(--border-color);border-radius:12px;padding:.75rem;box-shadow:0 10px 30px #0009;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:5000;opacity:0;pointer-events:none;transform:translateY(8px) scale(.96);transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:.6rem}.tsa-card:hover .tsa-interactive-panel,.tsa-card:focus-visible .tsa-interactive-panel,.tsa-card:focus-within .tsa-interactive-panel{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.tsa-panel-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.4rem}.tsa-panel-header span:first-child{font-size:.65rem;font-weight:700;color:var(--text-muted);letter-spacing:.06em}.tsa-panel-status-val{font-size:.65rem;font-weight:800;padding:2px 6px;background:#ffffff0d;border-radius:4px;color:var(--text-primary)}.tsa-panel-bar-container{display:flex;flex-direction:column;gap:.25rem}.tsa-panel-bar-label{display:flex;justify-content:space-between;font-size:.6rem;font-weight:700;color:var(--text-secondary)}.tsa-panel-custom-bar{height:6px;background:#ffffff0d;border-radius:9999px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.03)}.tsa-panel-bar-fill{height:100%;border-radius:9999px;transition:width .6s ease}.tsa-panel-metrics{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;background:#ffffff05;border-radius:6px;padding:.35rem;border:1px solid rgba(255,255,255,.04)}.tsa-panel-metric-item{display:flex;flex-direction:column;align-items:center;justify-content:center}.tsa-panel-metric-label{font-size:.55rem;font-weight:700;color:var(--text-muted);letter-spacing:.04em}.tsa-panel-metric-value{font-size:.8rem;font-weight:800;color:var(--text-primary);font-family:Menlo,Monaco,Consolas,monospace}.tsa-panel-footer{font-size:.55rem;font-weight:700;color:var(--text-muted);text-align:center;letter-spacing:.02em;padding-top:.2rem;border-top:1px solid rgba(255,255,255,.05)}.tsa-card.tsa-loading{gap:.4rem;padding:.2rem .5rem}.tsa-skeleton-circle{width:24px;height:24px;border-radius:50%;background:#ffffff0f;animation:tsaShimmer 1.5s ease-in-out infinite}.tsa-skeleton-lines{display:flex;flex-direction:column;gap:.25rem}.tsa-skeleton-line{height:8px;border-radius:2px;background:#ffffff0f;animation:tsaShimmer 1.5s ease-in-out infinite}.tsa-skeleton-wide{width:60px}.tsa-skeleton-narrow{width:35px;animation-delay:.15s}@keyframes tsaShimmer{0%,to{opacity:.4}50%{opacity:.8}}.camera-modal-overlay{position:fixed;inset:0;background:#050b14d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.camera-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:720px;max-height:95vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg)}.camera-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.camera-modal-header h3{margin:0;font-size:1.1rem}.camera-modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:1.6rem;line-height:1;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm)}.camera-modal-close:hover{background:var(--bg-card-hover);color:var(--text-primary)}.camera-modal-body{flex:1;padding:1rem;overflow:auto}.camera-stage{position:relative;width:100%;background:#000;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center}.camera-video,.camera-preview-img{width:100%;height:100%;object-fit:contain;display:block}.camera-loading{position:absolute;color:var(--text-secondary);font-size:.95rem}.camera-error{background:#ef44441a;border:1px solid var(--error-color);color:var(--text-primary);padding:.85rem 1rem;border-radius:var(--radius-md);font-size:.9rem}.camera-modal-footer{display:flex;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--border-color);justify-content:flex-end;flex-wrap:wrap}.camera-btn{padding:.6rem 1.25rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:var(--transition);min-width:120px}.camera-btn:disabled{opacity:.5;cursor:not-allowed}.camera-btn-secondary{background:var(--bg-input);color:var(--text-primary);border-color:var(--border-color)}.camera-btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-hover)}.camera-btn-primary{background:var(--success-color);color:#04140d;border-color:var(--success-color)}.camera-btn-primary:hover:not(:disabled){filter:brightness(1.1)}@media(max-width:640px){.camera-modal{max-height:100vh;height:100vh;border-radius:0;max-width:100%}.camera-modal-footer{justify-content:stretch}.camera-btn{flex:1 1 auto}}.rms-capture{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.6rem}.rms-capture__input{flex:1 1 140px;min-width:0;padding:.52rem .8rem;background:#0d1423bf;border:1px solid rgba(255,255,255,.09);border-radius:10px;color:var(--text-primary);font-size:.85rem;font-family:inherit;transition:var(--transition)}.rms-capture__input:focus{outline:none;border-color:#3b82f666;box-shadow:0 0 0 1px #3b82f61f}.rms-capture__btn{display:inline-flex;align-items:center;gap:.5rem;padding:.52rem .9rem;background:#3b82f61f;color:var(--primary-color);border:1px solid rgba(59,130,246,.3);border-radius:10px;font-size:.83rem;font-weight:600;font-family:inherit;cursor:pointer;transition:var(--transition);white-space:nowrap}.rms-capture__btn:hover:not(:disabled){background:#3b82f633;border-color:#3b82f680}.rms-capture__btn:disabled{opacity:.5;cursor:not-allowed}.rms-capture__spin{animation:rms-capture-spin 1s linear infinite}@keyframes rms-capture-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rms-capture__error{flex-basis:100%;font-size:.78rem;color:var(--error-color, #ef4444)}.rms-capture__hint{flex-basis:100%;font-size:.76rem;color:#fbbf24}.ticket-form-container{max-width:800px;margin:0 auto;width:100%;box-sizing:border-box}@media(max-width:768px){.ticket-form-container{max-width:100%}.upload-area{padding:2rem 1rem}.preview-container{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.form-control{font-size:16px}}.form-header-with-tooltip{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.form-section h2{margin:0;color:var(--text-primary)}.info-tooltip-container{position:relative;display:inline-block}.info-icon{width:18px;height:18px;border-radius:50%;background:var(--text-muted);color:var(--bg-primary);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:help;transition:var(--transition)}.info-tooltip-container:hover .info-icon{background:var(--primary-color);color:#fff}.tooltip-content{visibility:hidden;opacity:0;position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(10px);background:var(--bg-secondary);border:1px solid var(--border-color);padding:1rem;border-radius:var(--radius-md);width:280px;box-shadow:var(--shadow-lg);z-index:100;transition:all .2s ease-in-out;pointer-events:none}.info-tooltip-container:hover .tooltip-content{visibility:visible;opacity:1;transform:translate(-50%) translateY(5px);pointer-events:auto}.tooltip-content strong{display:block;margin-bottom:.5rem;color:var(--text-primary);font-size:.9rem}.tooltip-content ul{margin:0;padding-left:1.25rem;color:var(--text-secondary);font-size:.85rem}.tooltip-content li{margin-bottom:.25rem}.section-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:2rem}.form-section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin:0}.evidence-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.6rem}.evidence-status{display:flex;gap:.4rem}.evidence-chip{display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:600;padding:.18rem .55rem;border-radius:999px;color:var(--text-muted);background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.evidence-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.5}.evidence-chip.ok{color:#34d399;background:#10b9811a;border-color:#10b9814d}.evidence-chip.ok:before{opacity:1}.evidence-slots{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:1rem}.evidence-slot{display:flex;flex-direction:column;gap:.6rem;min-width:0;padding:.85rem;background:#0d142366;border:1px solid rgba(255,255,255,.06);border-radius:14px}.evidence-slot__head{display:flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:600;color:var(--text-secondary)}.evidence-slot__num{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#3b82f626;color:var(--primary-color);font-size:.7rem;font-weight:700}.evidence-slot__num.done{background:#10b9812e;color:#34d399}.evidence-slot__empty{font-size:.78rem;color:var(--text-muted);padding:.4rem 0}.evidence-slot__placeholder{flex:1;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;text-align:center;padding:1rem;border:1px dashed rgba(255,255,255,.14);border-radius:14px;background:#0d142380;color:var(--text-muted);font-size:.8rem;line-height:1.4}.evidence-slot__placeholder svg{color:var(--primary-color);opacity:.5}.evidence-slot .preview-container{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.5rem}@media(max-width:640px){.evidence-slots{grid-template-columns:1fr}}.rms-shot-badge{position:absolute;top:.5rem;left:.5rem;padding:.14rem .42rem;font-size:.62rem;font-weight:700;letter-spacing:.06em;border-radius:6px;color:#fff;background:#3b82f6e6;box-shadow:0 1px 4px #0000004d}.upload-section{margin-bottom:1rem}.upload-area{border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:1.4rem 1.5rem;text-align:center;cursor:pointer;transition:border-color .25s ease,background .25s ease;background:#0d1423bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.upload-area:hover:not(.disabled){border-color:#3b82f661;background:#0d1423e6}.upload-area.drag-active{border-color:#3b82f6b3;background:#3b82f614;box-shadow:0 0 0 1px #3b82f62e,0 0 40px #3b82f61a}.upload-area.disabled{opacity:.5;cursor:not-allowed}.upload-icon{width:32px;height:32px;margin:0 auto .5rem;color:var(--primary-color);opacity:.55}.upload-text{color:var(--text-primary);font-size:1rem;margin-bottom:.5rem;line-height:1.5}.upload-subtext{font-size:.85rem;color:var(--text-muted);font-weight:500}.upload-hint{color:var(--text-muted);font-size:.875rem}.upload-actions{display:flex;gap:.6rem;margin-top:.85rem;flex-wrap:wrap}.upload-action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.52rem .9rem;background:#ffffff0a;color:var(--text-secondary);border:1px solid rgba(255,255,255,.08);border-radius:10px;font-size:.83rem;font-weight:600;cursor:pointer;transition:var(--transition);flex:1 1 auto;justify-content:center;font-family:inherit}.upload-action-btn:hover:not(:disabled){background:#ffffff14;color:var(--text-primary);border-color:#ffffff26}.upload-action-btn:disabled{opacity:.4;cursor:not-allowed}.upload-action-camera{background:#10b98114;border-color:#10b98138;color:#34d399}.upload-action-camera:hover:not(:disabled){background:#10b98124;border-color:#10b98161;color:#6ee7b7}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-top:1.25rem;margin-bottom:.5rem}.preview-count{font-size:.82rem;font-weight:600;color:var(--text-primary);background:#3b82f61f;border:1px solid rgba(59,130,246,.25);padding:.2rem .6rem;border-radius:999px}.preview-hint{font-size:.75rem;color:var(--text-muted)}.preview-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:0}.preview-item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-tertiary);border:1px solid var(--border-color)}.preview-image{width:100%;height:100%;object-fit:cover}.remove-btn{position:absolute;top:.5rem;right:.5rem;width:1.5rem;height:1.5rem;background:#ef4444e6;color:#fff;border-radius:50%;font-size:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:var(--transition);border:none;cursor:pointer}.remove-btn:hover:not(:disabled){background:var(--error-color);transform:scale(1.1)}.file-name{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:#000000b3;color:#fff;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-selector{display:flex;gap:1.5rem;margin-top:.5rem}.radio-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition);background:#ffffff05}.radio-option:hover{border-color:var(--primary-color);background:#3b82f60d}.radio-option input[type=radio]{cursor:pointer}.radio-option input[type=radio]:checked+span{color:var(--primary-color);font-weight:600}.radio-option input[type=radio]:disabled{cursor:not-allowed}.form-control::placeholder{color:var(--text-muted);opacity:.8}.form-control:focus::placeholder{opacity:.5}.error-content{display:flex;align-items:flex-start;gap:1rem}.rejected-images{display:flex;gap:.5rem;flex-wrap:wrap;flex-shrink:0}.rejected-image-preview{width:80px;height:80px;object-fit:cover;border-radius:6px;border:2px solid var(--error-color, #ef4444);opacity:.8}.attach-logs-group{margin-top:.5rem}.attach-logs-hint{margin:.5rem 0 0 1.75rem;font-size:.85rem;color:var(--text-muted);font-style:italic}.checkbox-container{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.checkbox-container:hover{background-color:var(--hover-bg, rgba(0, 0, 0, .03))}.checkbox-container input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color, #3b82f6);margin:0}.checkbox-container input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.checkbox-label{font-size:.95rem;color:var(--text-primary);line-height:1.4;flex:1}.checkbox-container:has(input:disabled){opacity:.6;cursor:not-allowed}.checkbox-container:has(input:disabled):hover{background-color:transparent}.ticket-form-container .form-control{background:#0d1423bf;border:1px solid rgba(255,255,255,.09);border-radius:14px;color:var(--text-primary);font-size:.92rem;resize:vertical;transition:border-color .25s ease,box-shadow .25s ease}.ticket-form-container .form-control:focus{outline:none;border-color:#3b82f673;background:#0d1423e6;box-shadow:0 0 0 1px #3b82f61f,0 0 30px #3b82f614}.ticket-form-container .btn.btn-primary{border-radius:12px;font-size:.95rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 16px #3b82f652;transition:background .2s ease,transform .15s ease,box-shadow .2s ease;letter-spacing:.01em}.ticket-form-container .btn.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #3b82f680}.ticket-form-container .btn.btn-primary:active:not(:disabled){transform:translateY(0)}.ticket-form-container .btn.btn-primary:disabled{background:#ffffff0f;color:var(--text-muted);opacity:1;cursor:not-allowed;box-shadow:none;transform:none}.submit-empty-hint{font-size:.78rem;color:var(--text-muted)}.submit-row{display:flex;align-items:center;gap:.85rem;margin-top:20px}.submit-kbd-hint{font-size:.78rem;color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.ticket-form-container .form-section h2{font-size:1.35rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.ticket-form-container .section-description{font-size:.85rem;color:var(--text-muted)}.ticket-form-container label{font-size:.78rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:.5rem}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{width:100%;max-width:400px;background:var(--bg-secondary);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-lg);position:relative}.login-lang-switcher{display:flex;justify-content:flex-end;align-items:center;gap:.25rem;position:absolute;top:1.5rem;right:1.5rem}.login-lang-switcher .lang-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.875rem;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:all .2s ease}.login-lang-switcher .lang-btn:hover{color:var(--primary-color);background:#2563eb1a}.login-lang-switcher .lang-btn.active{color:var(--primary-color);font-weight:600;background:#2563eb1a}.login-lang-switcher .lang-divider{color:var(--border-color);font-size:.875rem}.login-header{text-align:center;margin-bottom:2rem;margin-top:1rem}.login-logo{width:80px;height:80px;border-radius:50%;margin-bottom:1rem}.login-header h2{margin-bottom:.5rem;color:var(--text-primary)}.login-header p{color:var(--text-secondary);font-size:.875rem}.login-note{margin-top:.5rem;padding:.75rem;background:#2563eb1a;border-radius:var(--radius-md);color:var(--primary-color);font-size:.813rem}.form-group-checkbox{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.form-group-checkbox input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.form-group-checkbox label{font-size:.875rem;color:var(--text-secondary);cursor:pointer}.login-footer{text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.login-footer p{color:var(--text-secondary);font-size:.875rem;margin:0}.forgot-password-link{text-align:right;margin-top:-.5rem;margin-bottom:1rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.forgot-password-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:2rem;width:100%;max-width:400px;box-shadow:var(--shadow-lg)}.forgot-password-modal h3{margin:0 0 .5rem;color:var(--text-primary)}.forgot-password-modal p{color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem}.reset-message{padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1rem;font-size:.875rem}.reset-message.success{background:#22c55e1a;color:var(--success);border:1px solid rgba(34,197,94,.2)}.reset-message.error{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2)}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.modal-actions .btn{min-width:100px}.header{background:#050b14d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.55rem 2rem;width:100%;box-sizing:border-box;position:sticky;top:0;z-index:2500;box-shadow:0 4px 30px #0006;border-bottom:1px solid var(--border-color)}.header-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"brand nav actions";align-items:center;gap:1.5rem;width:100%}.header-brand{display:flex;align-items:center;gap:1rem;grid-area:brand}.project-switch-btn{background:#0f172a99;border:1px solid var(--border-color);border-radius:8px;padding:6px 8px;cursor:pointer;color:var(--text-primary);transition:var(--transition);display:flex;align-items:center;box-shadow:var(--shadow-sm)}.project-switch-btn:hover{background:var(--bg-tertiary);border-color:var(--border-hover);color:var(--primary-color);box-shadow:0 0 10px #3b82f633}.logo{border-radius:50%;object-fit:cover;border:2px solid var(--border-color);box-shadow:var(--shadow-sm)}.brand-text{display:flex;flex-direction:column;min-width:0;flex:1 1 auto;overflow:hidden}.header-title{font-size:1.2rem;font-weight:800;color:var(--text-primary);margin:0;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;letter-spacing:-.01em}.header-subtitle{font-size:.72rem;font-weight:600;color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;margin-top:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.nav-group{display:flex;align-items:center;gap:.25rem;grid-area:nav;min-width:0;justify-content:center;background:#0f172a66;border:1px solid var(--border-color);padding:.25rem .5rem;border-radius:9999px;width:fit-content;margin:0 auto}.mega-menu-container{position:static}.mega-menu-trigger{display:flex;align-items:center;gap:.35rem;background:transparent;border:none;padding:.45rem 1rem;color:var(--text-secondary);font-weight:600;font-size:.85rem;cursor:pointer;font-family:inherit;transition:var(--transition);border-radius:9999px}.mega-menu-trigger:hover{color:var(--text-primary);background:#3b82f614}.mega-menu-trigger.active,.mega-menu-trigger.open{color:var(--primary-color);background:#3b82f61f}.trigger-arrow{font-size:.85rem;opacity:.8;transition:transform .2s ease;display:inline-block}.mega-menu-trigger.open .trigger-arrow{transform:rotate(45deg)}.mega-menu-panel{position:absolute;top:100%;left:0;right:0;background:#0a1224f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:2px solid var(--border-color);box-shadow:0 12px 40px #0009;padding:2.25rem 2.5rem;z-index:2400;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s;pointer-events:none}.mega-menu-panel.open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.mega-menu-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;width:100%}.mega-menu-card{display:flex;gap:1rem;padding:1rem;border:1.5px solid var(--border-color);border-radius:12px;background:var(--bg-card);text-decoration:none;transition:var(--transition);text-align:left;align-items:flex-start}.mega-menu-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 4px 15px #3b82f626}.mega-menu-card.active{background:#3b82f61a;border-color:var(--primary-color);box-shadow:0 2px 10px #3b82f633}.mega-menu-card.disabled{opacity:.35;cursor:not-allowed;background:#0f172a4d;border-color:var(--border-color)}.card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#3b82f61a;border:1.5px solid var(--border-color);border-radius:10px;color:var(--primary-color);flex-shrink:0}.mega-menu-card:hover .card-icon{border-color:var(--border-hover);color:var(--text-primary);box-shadow:0 0 10px #3b82f64d}.card-info{display:flex;flex-direction:column;min-width:0;flex-grow:1}.card-title{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.95rem;font-weight:700;color:var(--text-primary)}.card-description{font-size:.8rem;color:var(--text-secondary);margin-top:.2rem;line-height:1.4}.card-badge{background:var(--primary-color);color:#fff;font-size:.65rem;padding:.15rem .45rem;border-radius:9999px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1;white-space:nowrap}.nav-tab{padding:.5rem .75rem;background:transparent;color:var(--text-secondary);font-weight:500;font-size:.92rem;border-radius:8px;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;border:1.5px solid transparent;cursor:pointer;white-space:nowrap;flex-shrink:0}.nav-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-tab.active{border-color:var(--primary-color);background:#3b82f61a;color:var(--primary-color);font-weight:700}.nav-tab-disabled{opacity:.35;cursor:not-allowed}.new-badge{background:var(--primary-color);color:#fff;font-size:.65rem;padding:.15rem .45rem;border-radius:9999px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1;white-space:nowrap}.mobile-nav-root{display:none;grid-area:nav}.mobile-nav-toggle{display:none;align-items:center;gap:.75rem;padding:.6rem .85rem;border-radius:9999px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.mobile-nav-toggle-text{font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mobile-nav-toggle-icon{display:inline-flex;flex-direction:column;gap:4px}.mobile-nav-toggle-icon span{display:block;width:16px;height:2px;border-radius:9999px;background:currentColor}.mobile-nav-toggle.active{background:var(--bg-tertiary);border-color:var(--border-hover)}.mobile-nav-overlay{display:none}.header-actions{display:flex;align-items:center;gap:.75rem;grid-area:actions;justify-self:end}.system-controls{display:flex;align-items:center;background:#0f172a66;border:1px solid var(--border-color);border-radius:9999px;padding:.25rem .5rem;gap:.5rem}.notification-container,.settings-dropdown-container{position:relative;display:flex;align-items:center}.notification-bell,.settings-btn,.lang-toggle-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:9999px;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.notification-bell,.settings-btn{width:32px;height:32px}.lang-toggle-btn{padding:0 .8rem;height:32px;gap:.3rem;font-size:.8rem;font-weight:700}.notification-bell:hover,.settings-btn:hover,.lang-toggle-btn:hover{background:#ffffff14;color:var(--text-primary)}.notification-bell.active,.settings-btn.active{background:#3b82f626;color:var(--primary-color)}.bell-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.notification-badge{position:absolute;top:-5px;right:-5px;min-width:14px;height:14px;padding:0 3px;background:var(--error-color);border-radius:9999px;border:1.5px solid var(--bg-dark);font-size:8px;font-weight:800;color:#fff;display:flex;align-items:center;justify-content:center;line-height:1}.notification-dropdown,.settings-dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:#0f172af2;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 24px #00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.settings-dropdown-menu{min-width:200px;z-index:3000;padding:.5rem}.settings-section{display:flex;flex-direction:column;gap:.25rem}.settings-section-title{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;padding:.25rem .5rem;font-weight:700}.settings-option{text-align:left;padding:.5rem;border-radius:8px;color:var(--text-primary);font-size:.85rem;background:transparent;transition:var(--transition);border:none;width:100%;cursor:pointer}.settings-option:hover{background:var(--bg-tertiary);color:var(--primary-color)}.settings-option.active{background:#3b82f61a;color:var(--primary-color);font-weight:600;border:1px solid rgba(59,130,246,.2)}.user-info-group{display:flex;align-items:center;gap:.5rem;padding-left:.5rem;border-left:1px solid var(--border-color)}.user-info{display:flex;align-items:center}.user-name{color:var(--text-primary);font-weight:600;font-size:.8rem}.user-avatar{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;border:1px solid var(--border-color)}.shift-badge{display:flex;align-items:center;gap:.25rem;padding:2px 6px;border-radius:9999px;font-size:.7rem;font-weight:700}.shift-badge.day{background:#f59e0b14;color:var(--warning-color);border:1px solid rgba(245,158,11,.2)}.shift-badge.night{background:#3b82f614;color:var(--primary-color);border:1px solid rgba(59,130,246,.2)}.logout-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:.4rem .75rem;font-weight:700;font-size:.75rem;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);font-family:inherit}.logout-btn:hover{background:#ef44441a;border-color:#ef444466;color:var(--error-color)}.lang-code{text-transform:uppercase;font-size:.75rem;font-weight:700;letter-spacing:.05em}.notification-dropdown{right:-80px;width:360px;z-index:3000;overflow:hidden}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1.5px solid var(--border-color);background:var(--bg-secondary)}.notification-header h3{margin:0;font-size:.875rem;font-weight:700;color:var(--text-primary)}.mark-read-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);font-size:.75rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:var(--transition)}.mark-read-btn:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.notification-list{max-height:400px;overflow-y:auto}.empty-notifications{padding:2rem;text-align:center;color:var(--text-muted);font-size:.875rem}.notification-item{display:flex;gap:1rem;padding:1rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:var(--transition);position:relative;background:#0f172a99}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--bg-tertiary)}.notification-item.unread{background:#3b82f60d}.notification-icon{width:1.75rem;height:1.75rem;border-radius:9999px;background:#3b82f61a;color:var(--primary-color);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;margin-top:.125rem}.notification-content{flex:1;min-width:0}.notification-title{font-size:.875rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.notification-message{font-size:.8125rem;color:var(--text-secondary);margin-bottom:.5rem;line-height:1.4}.notification-date{font-size:.7rem;color:var(--text-muted)}.unread-indicator{position:absolute;top:1rem;right:1rem;width:8px;height:8px;background:var(--primary-color);border-radius:50%;box-shadow:0 0 8px var(--primary-color)}@media(max-width:1380px){.user-name{display:none}}@media(max-width:960px){.header{padding:.9rem 1rem}.header-content{gap:.9rem}.nav-group{display:none}.mobile-nav-root,.mobile-nav-toggle{display:flex}.header-actions>.logout-btn{display:none}.header-actions{gap:.5rem}.lang-toggle-btn{padding:.5rem}.lang-code{display:none}.mobile-nav-overlay{position:fixed;inset:0;background:#050b1499;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2600;padding:5.25rem 1rem 1rem;display:none}.mobile-nav-overlay.open{display:block}.mobile-nav-panel{width:min(360px,100%);margin-left:auto;background:#0f172af2;border:1.5px solid var(--border-color);border-radius:1.5rem;box-shadow:0 24px 48px #0009;padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem;color:var(--text-primary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.mobile-nav-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.mobile-nav-title-group h2{margin:.15rem 0 0;color:var(--text-primary);font-size:1.25rem}.mobile-nav-eyebrow{color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.mobile-nav-close{background:transparent;border:1.5px solid var(--border-color);color:var(--text-primary);border-radius:9999px;padding:.5rem .85rem;font-weight:600;font-size:.85rem;transition:var(--transition)}.mobile-nav-close:hover{background:var(--bg-tertiary);border-color:var(--border-hover);color:var(--primary-color)}.mobile-nav-links{display:flex;flex-direction:column;gap:.75rem}.mobile-group-container{display:flex;flex-direction:column;border:1.5px solid var(--border-color);border-radius:12px;background:var(--bg-secondary);overflow:hidden}.mobile-group-trigger{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:transparent;border:none;color:var(--text-primary);font-weight:700;font-size:.95rem;text-align:left;width:100%;cursor:pointer;transition:var(--transition)}.mobile-group-trigger.active{background:var(--bg-tertiary)}.mobile-group-panel{display:none;flex-direction:column;background:#0f172a66;border-top:1px solid var(--border-color)}.mobile-group-panel.expanded{display:flex}.mobile-sublink{padding:.85rem 1.25rem;color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.9rem;border-bottom:1.5px solid var(--border-color);display:block;transition:var(--transition)}.mobile-sublink:last-child{border-bottom:none}.mobile-sublink:hover{color:var(--text-primary);background:var(--bg-tertiary)}.mobile-sublink.active{background:#3b82f61a;color:var(--primary-color);font-weight:700}.mobile-sublink.disabled{opacity:.35;cursor:not-allowed}.mobile-nav-footer{display:flex;flex-direction:column;gap:.75rem;padding-top:.75rem;border-top:1.5px solid var(--border-color);color:var(--text-primary)}.mobile-user-name{font-size:.9rem;font-weight:700}.mobile-logout-btn{width:100%;text-align:center;display:block}.notification-dropdown{position:fixed;top:72px;left:1rem;right:1rem;width:auto;margin-top:0}}@media(max-width:960px){.header{padding:.7rem .75rem}.header-content{gap:.5rem;grid-template-columns:minmax(0,1fr) auto auto}.header-brand{gap:.55rem;min-width:0;flex:1 1 auto;overflow:hidden}.header-title{font-size:1rem}.header-subtitle{display:none}.logo{width:32px;height:32px;flex-shrink:0}.project-switch-btn{padding:3px 4px}.mobile-nav-toggle-text{display:none}.mobile-nav-toggle{padding:.55rem .65rem;gap:0}.header-actions{gap:.4rem;flex-wrap:nowrap}.shift-badge span,.user-info,.tsa-content{display:none}.tsa-card{padding:.25rem;gap:0}}@media(max-width:640px){.tsa-card,.shift-badge,.user-avatar,.user-info-group,.lang-toggle-btn,.settings-btn,.settings-container{display:none!important}}@media(max-width:480px){.header{padding:.55rem .6rem}.header-title{font-size:.95rem}.project-switch-btn{display:none}}.update-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:10px 20px;box-shadow:0 2px 8px #00000026}.update-banner-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:12px}.update-banner-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.update-banner-icon svg{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.update-banner-text{flex:1;font-size:14px;font-weight:500}.update-banner-actions{display:flex;gap:8px;flex-shrink:0}.update-refresh-btn{background:#fff;color:#2563eb;border:none;padding:6px 16px;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.update-refresh-btn:hover{background:#f0f9ff;transform:translateY(-1px)}.update-dismiss-btn{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);padding:6px 12px;border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s}.update-dismiss-btn:hover{background:#ffffff1a;border-color:#fff9}@media(max-width:600px){.update-banner-content{flex-wrap:wrap}.update-banner-text{width:100%;order:1;margin-bottom:8px}.update-banner-icon{order:0}.update-banner-actions{order:2;width:100%;justify-content:flex-end}}.system-alert{background-color:#f59e0b;color:#000;padding:12px 24px;position:fixed;top:80px;right:24px;z-index:9999;border-radius:8px;box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;gap:12px;max-width:400px;animation:slideIn .3s ease-out}.system-alert-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.system-alert-content{flex:1}.system-alert-title{font-weight:700;font-size:.95rem;margin-bottom:2px}.system-alert-message{font-size:.875rem;line-height:1.4}.system-alert-close{background:none;border:none;color:#0009;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.system-alert-close:hover{background-color:#0000001a;color:#000}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.whats-new-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.whats-new-modal{background:var(--card-bg, #1a1a2e);border:1px solid rgba(255,255,255,.1);border-radius:16px;width:90%;max-width:480px;max-height:85vh;overflow-y:auto;box-shadow:0 24px 48px #0006}.whats-new-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.whats-new-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #fff)}.whats-new-close{background:none;border:none;color:var(--text-secondary, #8b8fa3);font-size:1.5rem;cursor:pointer;padding:4px 8px;line-height:1;border-radius:6px;transition:background .2s,color .2s}.whats-new-close:hover{background:#ffffff14;color:var(--text-primary, #fff)}.whats-new-body{padding:20px 24px}.whats-new-feature{display:flex;gap:16px;align-items:flex-start;padding:16px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:12px;margin-bottom:20px}.whats-new-feature-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ef444426;border-radius:10px;color:#f87171}.whats-new-feature-content h3{margin:0 0 6px;font-size:1rem;font-weight:600;color:#f87171}.whats-new-feature-content p{margin:0;font-size:.875rem;color:var(--text-secondary, #8b8fa3);line-height:1.5}.whats-new-steps{padding:0}.whats-new-steps h4{margin:0 0 12px;font-size:.875rem;font-weight:600;color:var(--text-primary, #fff);text-transform:uppercase;letter-spacing:.5px}.whats-new-steps ol{margin:0;padding-left:20px;list-style:decimal}.whats-new-steps li{font-size:.85rem;color:var(--text-secondary, #8b8fa3);line-height:1.6;margin-bottom:8px}.whats-new-footer{padding:16px 24px 20px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:flex-end}.whats-new-got-it{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;padding:10px 28px;font-size:.9rem;font-weight:500;cursor:pointer;transition:opacity .2s,transform .15s}.whats-new-got-it:hover{opacity:.9;transform:translateY(-1px)}.whats-new-got-it:active{transform:translateY(0)}.project-selector-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f4f8,#d9e2ec);padding:20px}.project-selector-card{background:#fff;border-radius:16px;padding:40px;max-width:560px;width:100%;box-shadow:0 4px 24px #00000014}.project-selector-card h2{font-size:1.5rem;font-weight:700;color:#1a202c;margin:0 0 8px;text-align:center}.project-selector-subtitle{color:#718096;text-align:center;margin-bottom:32px;font-size:.95rem}.project-list{display:flex;flex-direction:column;gap:12px}.project-card{display:flex;align-items:center;gap:16px;padding:16px 20px;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;background:#fff}.project-card:hover{border-color:var(--primary-color, #3b82f6);background:#f7fafc;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f61a}.project-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#fff;flex-shrink:0}.project-card-info{flex:1;min-width:0}.project-card-name{font-size:1.05rem;font-weight:600;color:#1a202c;margin-bottom:2px}.project-card-team{font-size:.85rem;font-weight:500;color:#4a5568;margin-bottom:1px}.project-card-tagline{font-size:.8rem;color:#a0aec0}.project-card-arrow{color:#a0aec0;flex-shrink:0;transition:transform .2s ease}.project-card:hover .project-card-arrow{transform:translate(4px);color:var(--primary-color, #3b82f6)}.project-selector-loading{text-align:center;padding:40px 0;color:#718096}.project-selector-error{text-align:center;padding:20px;color:#e53e3e;background:#fff5f5;border-radius:8px;margin-top:16px}.project-selector-empty{text-align:center;padding:20px;color:#718096;background:#f7fafc;border-radius:8px;margin-top:16px;font-size:.95rem}.project-selector-footer{display:flex;justify-content:center;margin-top:24px}.project-selector-footer button{background:none;border:none;color:#718096;cursor:pointer;font-size:.9rem;padding:8px 16px;border-radius:8px;transition:all .2s ease}.project-selector-footer button:hover{background:#f7fafc;color:#4a5568}.signup-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.signup-card{width:100%;max-width:480px;background:var(--bg-secondary);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-lg);position:relative}.signup-card.success-card{text-align:center;padding:3rem 2rem}.success-icon{width:80px;height:80px;background:var(--success-color, #22c55e);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 1.5rem}.success-card h2{color:var(--success-color, #22c55e);margin-bottom:1rem}.success-card p{color:var(--text-secondary);margin-bottom:.5rem}.success-note{font-size:.875rem;color:var(--text-muted);margin-bottom:2rem!important}.signup-lang-switcher{display:flex;justify-content:flex-end;align-items:center;gap:.25rem;position:absolute;top:1.5rem;right:1.5rem}.signup-lang-switcher .lang-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.875rem;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:all .2s ease}.signup-lang-switcher .lang-btn:hover{color:var(--primary-color);background:#2563eb1a}.signup-lang-switcher .lang-btn.active{color:var(--primary-color);font-weight:600;background:#2563eb1a}.lang-divider{color:var(--text-muted);font-size:.75rem}.signup-header{text-align:center;margin-bottom:1.5rem}.signup-logo{width:80px;height:80px;object-fit:contain;margin-bottom:1rem;border-radius:var(--radius-md)}.signup-header h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.signup-header p{color:var(--text-secondary);font-size:.875rem}.signup-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:480px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-group label .required{color:var(--error-color, #ef4444)}.form-control{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;background:var(--bg-primary);color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.form-control::placeholder{color:var(--text-muted)}.form-control:disabled{opacity:.7;cursor:not-allowed}.form-divider{display:flex;align-items:center;gap:1rem;margin:.5rem 0}.form-divider:before,.form-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.form-divider span{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--error-color, #ef4444);padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.875rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-block{width:100%}.signup-footer{text-align:center;margin-top:.5rem}.signup-footer p{color:var(--text-secondary);font-size:.875rem}.link-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.875rem;font-weight:500;padding:0}.link-btn:hover{text-decoration:underline}.pending-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg-primary)}.pending-card{width:100%;max-width:480px;background:var(--bg-secondary);border-radius:var(--radius-lg);padding:3rem 2rem;box-shadow:var(--shadow-lg);text-align:center}.pending-icon{width:100px;height:100px;background:#fbbf241a;color:#f59e0b;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.pending-card h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem}.pending-message{color:var(--text-secondary);font-size:1rem;margin-bottom:.5rem}.pending-email{color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem}.pending-email strong{color:var(--text-primary)}.pending-info{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md);padding:1rem;margin-bottom:1.5rem}.pending-info p{color:var(--text-secondary);font-size:.875rem;margin:0}.pending-actions{margin-bottom:1.5rem}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:.75rem 2rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--bg-hover)}.pending-contact{color:var(--text-muted);font-size:.75rem;margin:0}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:2rem;width:100%;box-sizing:border-box}@media(max-width:768px){.main-content{padding:1rem}}.content-wrapper{width:100%;max-width:100%}.result-card{margin-top:2rem;padding:1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.result-card.success{background:#10b9811a;border:1px solid var(--success-color)}.result-card.error{background:#ef44441a;border:1px solid var(--error-color)}.result-card h3{margin-bottom:1rem;color:var(--text-primary)}.result-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.result-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#ffffff0d;border-radius:var(--radius-md)}.result-item.full-width{grid-column:1 / -1}.result-item span{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.result-item strong,.result-item p{color:var(--text-primary);font-size:1rem}.error-text{color:var(--error-color)}.reports-page{text-align:center;padding:4rem 2rem}.reports-page h2{margin-bottom:1rem}.reports-page p{color:var(--text-muted)}:root{--primary-color: #3b82f6;--primary-hover: #2563eb;--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--info-color: #3b82f6;--bg-dark: #050b14;--bg-primary: #050b14;--bg-secondary: #0f172a;--bg-tertiary: #1e293b;--bg-card: rgba(17, 24, 39, .7);--bg-card-hover: rgba(30, 41, 59, .8);--bg-input: rgba(15, 23, 42, .6);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: rgba(51, 65, 85, .5);--border-hover: rgba(96, 165, 250, .5);--glow-blue: rgba(59, 130, 246, .5);--glow-green: rgba(16, 185, 129, .5);--glow-red: rgba(239, 68, 68, .5);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-glow: 0 0 20px rgba(59, 130, 246, .15);--transition: all .2s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-dark);background-image:radial-gradient(circle at 10% 20%,rgba(59,130,246,.05) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(16,185,129,.05) 0%,transparent 20%);background-attachment:fixed;color:var(--text-primary);line-height:1.5;width:100%;min-height:100vh;overflow-x:hidden}html{font-size:12.6px;overflow-x:hidden;width:100%}#root{width:100%;max-width:100%;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;letter-spacing:-.02em}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}button{font-family:inherit;cursor:pointer;border:none;outline:none}.btn{padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.95rem}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 0 15px #3b82f64d}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 0 20px #3b82f680}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-secondary{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:var(--text-secondary)}input,textarea,select{font-family:inherit}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.form-control{width:100%;padding:.75rem 1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:var(--transition)}.form-control:focus{outline:none;border-color:var(--primary-color);background:#1e293bcc;box-shadow:0 0 0 2px #3b82f633}.form-control:disabled{opacity:.6;cursor:not-allowed}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-lg)}.page-container{padding:2rem;width:90%;max-width:100%;margin:0 auto}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.spinner{width:1.5rem;height:1.5rem;border:3px solid rgba(255,255,255,.1);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f172a80}::-webkit-scrollbar-thumb{background:#33415580;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569cc}