body{margin:0;font-family:-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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.card{background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:var(--spacing-medium);box-shadow:0 2px 4px #0000001a}.card-header{padding:var(--spacing-medium);border-bottom:1px solid var(--color-border)}.card-header h2{margin:0;color:var(--color-text-primary)}.card-body{padding:var(--spacing-medium)}.card-body p{color:var(--color-text-secondary)}.card-body ul{list-style:none;padding:0}.card-body li{background-color:var(--color-background-tertiary);padding:var(--spacing-small);border-radius:var(--border-radius);margin-bottom:var(--spacing-small)}.form-select{padding:.5rem;border-radius:4px;border:1px solid var(--color-border);background-color:var(--color-background-tertiary);color:var(--color-text-primary)}.scenario-selector{margin-bottom:1rem}.scenario-selector label{margin-right:.5rem}.scenario-selector select{padding:.5rem;border-radius:4px;border:1px solid var(--color-border);background-color:var(--color-background-tertiary);color:var(--color-text-primary)}.category-assignment-indicator{background:linear-gradient(135deg,#007bff1a,#667eea1a);border:1px solid rgba(0,123,255,.2);border-radius:8px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 8px #007bff1a}.indicator-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--color-text-primary);font-weight:600}.indicator-icon{font-size:1.2rem}.assigned-categories-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.category-badge{padding:.4rem .8rem;border-radius:6px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 1px 3px #0003}.category-urgent{background:var(--error-color);color:#fff}.category-priority{background:var(--warning-color);color:#fff}.category-routine{background:var(--success-color);color:#fff}.category-expectant{background:var(--color-text-muted);color:#fff}.category-non-urgent{background:var(--primary-color);color:#fff}.indicator-note{color:var(--color-text-secondary);font-style:italic;font-size:.85rem;opacity:.8}.app-container{display:grid;grid-template-columns:250px 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "sidebar main";height:100vh;background-color:var(--background-color);color:var(--text-color)}.header-bar{grid-area:header;padding:var(--spacing-medium);background-color:var(--color-background-secondary);border-bottom:1px solid var(--secondary-color)}.sidebar{grid-area:sidebar;padding:var(--spacing-medium);background-color:var(--color-background-secondary);overflow-y:auto}.main-content{grid-area:main;overflow-y:auto;padding:var(--spacing-medium)}.app-container.editor-layout{grid-template-columns:1fr;grid-template-areas:"header" "main"}.app-container.editor-layout .main-content{grid-area:main;overflow-y:auto;padding:var(--spacing-medium)}.app-container.full-layout{grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"main"}.app-container.full-layout .main-content{grid-area:main;overflow-y:auto;padding:0}:root{--primary-color: #007acc;--secondary-color: #4A5568;--success-color: #5cb85c;--warning-color: #f0ad4e;--error-color: #d9534f;--background-color: #1A202C;--color-background-primary: #1A202C;--color-background-secondary: #2D3748;--color-background-tertiary: #4A5568;--text-color: #F7FAFC;--color-text-primary: #F7FAFC;--color-text-secondary: #E2E8F0;--color-text-muted: #A0AEC0;--color-border: #4A5568;--color-border-light: #718096;--color-interactive: #A0C4FF;--color-interactive-hover: #69a7ff;--font-family: "Segoe UI", sans-serif;--spacing-small: .5rem;--spacing-medium: 1rem;--spacing-large: 1.5rem;--border-radius: 8px;--border-radius-small: 4px;--color-accent: var(--primary-color);--color-primary: var(--primary-color);--color-success: var(--success-color);--color-warning: var(--warning-color);--color-danger: var(--error-color);--color-error: var(--error-color);--color-background: var(--background-color);--color-text: var(--text-color)}.aidbag-snapshot div{pointer-events:auto}body{font-family:Segoe UI,Arial,sans-serif;margin:0;background-color:var(--color-background-primary);color:var(--color-text-secondary)}.modal-content{background-color:var(--color-background-secondary);border-radius:8px;padding:0;width:90%;max-width:800px;max-height:90vh;overflow:hidden;box-shadow:0 4px 20px #0000004d}.resupply-modal{color:var(--color-text-secondary)}.modal-header{background-color:var(--color-background-tertiary);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border-light)}.modal-header h3{margin:0;color:var(--color-text-primary)}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--color-text-muted);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--color-text-primary)}.modal-tabs{display:flex;background-color:var(--color-background-tertiary);border-bottom:1px solid var(--color-border-light)}.tab-button{flex:1;padding:.75rem 1rem;background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-weight:500;transition:all .2s}.tab-button:hover{background-color:var(--color-border-light)}.tab-button.active{background-color:var(--color-background-secondary);color:var(--color-text-primary);border-bottom:2px solid var(--primary-color)}.modal-body{padding:1.5rem;max-height:60vh;overflow-y:auto}.alert{padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem}.alert-warning{background-color:var(--warning-color);border:1px solid var(--warning-color);color:var(--color-text-primary)}.packs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1rem 0}.pack-card{border:2px solid var(--color-border);border-radius:6px;padding:1rem;cursor:pointer;transition:all .2s;background-color:var(--color-background-primary)}.pack-card:hover{border-color:var(--primary-color)}.pack-card.selected{border-color:var(--primary-color);background-color:var(--primary-color)}.pack-card h4{margin:0 0 .5rem;color:var(--color-text-primary)}.pack-description{color:var(--color-text-muted);font-size:.9rem;margin:0 0 1rem}.pack-contents{font-size:.8rem}.pack-contents strong{color:var(--color-text-primary)}.pack-contents ul{margin:.5rem 0 0;padding-left:1rem;color:var(--color-text-primary)}.pack-contents li{margin:.2rem 0}.items-list{max-height:300px;overflow-y:auto;border:1px solid var(--color-border);border-radius:4px;margin:1rem 0}.item-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:1px solid var(--color-background-secondary)}.item-row:last-child{border-bottom:none}.item-name{flex:1;color:var(--color-text-primary);font-size:.9rem}.quantity-controls{display:flex;align-items:center;gap:.5rem}.quantity-controls button{background-color:var(--color-background-tertiary);border:none;color:var(--color-text-primary);width:30px;height:30px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700}.quantity-controls button:hover:not(:disabled){background-color:var(--color-border-light)}.quantity-controls button:disabled{background-color:var(--color-background-secondary);color:var(--color-border);cursor:not-allowed}.quantity{min-width:20px;text-align:center;color:var(--color-text-primary);font-weight:700}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border)}.btn-disabled{background-color:var(--color-background-secondary)!important;color:var(--color-border-light)!important;cursor:not-allowed!important;opacity:.6}.btn-disabled:hover{background-color:var(--color-background-secondary)!important;color:var(--color-border-light)!important}.demo-card{background-color:var(--color-background-tertiary);border-color:var(--color-interactive)}.grid{display:grid;grid-template-columns:1fr 2fr;gap:20px;align-items:start;width:100%}.aidbag,.event-log{width:100%}.casualty-grid{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.casualty-card{border:2px solid var(--color-interactive);padding:10px;border-radius:6px;background:var(--color-background-primary);color:var(--color-text-secondary);box-shadow:1px 1px 4px #0000004d}.casualty-card h4{margin:4px 0}table{width:100%;border-collapse:collapse;margin-top:20px;background:var(--color-background-secondary);color:var(--color-text-secondary)}table,th,td{border:1px solid var(--color-border)}th,td{padding:8px 10px;text-align:left}th{background-color:var(--color-background-tertiary)}.event-log{max-height:200px;overflow-y:auto}.sidebar-instructor-controls{margin-top:20px;display:flex;flex-direction:column;gap:8px}.page{width:100%}.sidebar-notifications{margin-top:20px;font-size:14px}.sidebar-notifications ul{list-style:none;padding-left:0;max-height:200px;overflow-y:auto}.locked-aidbag{margin-top:20px;font-size:14px}.locked-aidbag ul{list-style:none;padding-left:0;max-height:300px;overflow-y:auto}.sidebar-resupply{margin-top:10px}.casualty-card{border:1px solid var(--color-border);padding:12px;border-radius:8px;background-color:var(--color-background-secondary);color:var(--color-text-secondary);box-shadow:0 2px 6px #0003;transition:transform .2s ease,box-shadow .2s ease}.casualty-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000004d}@keyframes flashYellow{0%,to{border-color:var(--color-interactive)}50%{border-color:#ff0}}.casualty-card.deteriorated{animation:flashYellow 1s infinite}.casualty-card h3{margin:0 0 6px;font-size:22px;color:var(--warning-color)}.casualty-card h4{margin:12px 0 4px;font-size:14px;color:var(--color-interactive)}.casualty-card p{margin:4px 0}.casualty-card ul{margin:0 0 8px;padding-left:18px}.casualty-card span{display:inline-block;margin-top:6px}.pulsate{animation:pulsate 1s ease-in-out infinite alternate;border-color:var(--warning-color)!important}@keyframes pulsate{0%{box-shadow:0 0 5px var(--warning-color)}to{box-shadow:0 0 15px var(--warning-color)}}.btn{padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-size:16px;margin:5px;text-align:center;text-decoration:none;display:inline-block;transition:background-color .3s ease,transform .2s ease}.btn-primary{background-color:var(--color-interactive);color:#fff}.btn-primary:hover{background-color:var(--primary-color);transform:translateY(-2px)}.btn-secondary{background-color:var(--secondary-color);color:#fff}.btn-secondary:hover{background-color:var(--secondary-color);transform:translateY(-2px)}.btn-important{background-color:var(--success-color);color:var(--color-text-primary)}.btn-important:hover{background-color:var(--warning-color);transform:translateY(-2px)}.btn-danger:hover{background-color:var(--error-color);transform:translateY(-2px)}._errorBoundary_pcwi5_5{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;box-sizing:border-box}._errorContainer_pcwi5_35{background:var(--color-text-primary);border-radius:12px;padding:3rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;text-align:center}._errorIcon_pcwi5_59{font-size:4rem;margin-bottom:1.5rem;display:block}._errorTitle_pcwi5_71{color:var(--error-color);font-size:1.75rem;font-weight:600;margin-bottom:1rem;line-height:1.3}._errorMessage_pcwi5_87{color:var(--color-background-secondary);font-size:1.125rem;line-height:1.6;margin-bottom:2rem}._errorDetails_pcwi5_101{margin:2rem 0;text-align:left;border:1px solid var(--color-border);border-radius:6px;background:var(--color-background-primary)}._errorDetails_pcwi5_101 summary{padding:1rem;cursor:pointer;font-weight:500;color:var(--color-text-secondary);background:var(--color-background-secondary);border-radius:6px 6px 0 0}._errorDetails_pcwi5_101 summary:hover{background:var(--color-border)}._errorStack_pcwi5_143{padding:1rem;margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;color:var(--color-background-secondary);white-space:pre-wrap;word-break:break-word;background:var(--color-background-primary);overflow-x:auto}._errorActions_pcwi5_169{display:flex;flex-direction:column;gap:1rem;margin:2rem 0;align-items:center}._button_pcwi5_185{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:160px;text-align:center}._primaryButton_pcwi5_209{background:var(--primary-color);color:#fff}._primaryButton_pcwi5_209:hover{background:var(--color-interactive-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3182ce4d}._secondaryButton_pcwi5_231{background:var(--color-border-light);color:#fff}._secondaryButton_pcwi5_231:hover{background:var(--color-border);transform:translateY(-1px);box-shadow:0 4px 12px #7180964d}._tertiaryButton_pcwi5_253{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}._tertiaryButton_pcwi5_253:hover{background:var(--color-background-primary);border-color:var(--color-border-light);transform:translateY(-1px)}._errorId_pcwi5_277{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;color:var(--color-text-muted);margin:2rem 0 1rem;padding:.5rem;background:var(--color-background-primary);border-radius:4px;border:1px solid var(--color-border)}._helpText_pcwi5_299{color:var(--color-text-muted);font-size:.9375rem;line-height:1.5;margin-top:2rem}@media (max-width: 640px){._errorBoundary_pcwi5_5{padding:1rem}._errorContainer_pcwi5_35{padding:2rem;max-height:95vh}._errorTitle_pcwi5_71{font-size:1.5rem}._errorMessage_pcwi5_87{font-size:1rem}._errorActions_pcwi5_169{gap:.75rem}._button_pcwi5_185{min-width:140px;font-size:.9375rem}._errorIcon_pcwi5_59{font-size:3rem}}@media (prefers-color-scheme: dark){._errorContainer_pcwi5_35{background:var(--color-background-primary);color:var(--color-text-secondary)}._errorTitle_pcwi5_71{color:var(--error-color)}._errorMessage_pcwi5_87{color:var(--color-text-secondary)}._errorDetails_pcwi5_101{border-color:var(--color-background-secondary);background:var(--color-background-secondary)}._errorDetails_pcwi5_101 summary{color:var(--color-text-secondary);background:var(--color-border)}._errorDetails_pcwi5_101 summary:hover{background:var(--color-border-light)}._errorStack_pcwi5_143{color:var(--color-text-secondary);background:var(--color-background-secondary)}._errorId_pcwi5_277{color:var(--color-text-muted);background:var(--color-background-secondary);border-color:var(--color-border)}._helpText_pcwi5_299{color:var(--color-text-muted)}._tertiaryButton_pcwi5_253{color:var(--color-text-muted);border-color:var(--color-border)}._tertiaryButton_pcwi5_253:hover{background:var(--color-background-secondary);border-color:var(--color-border-light)}}._errorContainer_pcwi5_35{animation:_errorBoundaryFadeIn_pcwi5_1 .3s ease-out}@keyframes _errorBoundaryFadeIn_pcwi5_1{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}._button_pcwi5_185:focus{outline:2px solid var(--primary-color);outline-offset:2px}._errorDetails_pcwi5_101 summary:focus{outline:2px solid var(--primary-color);outline-offset:2px}.setup-phase-container{display:flex;align-items:stretch;gap:var(--spacing-large);justify-content:space-between;flex-wrap:wrap;min-height:calc(100vh - 100px);padding:var(--spacing-large)}.setup-options{flex:2;min-width:300px;display:flex;flex-direction:column;justify-content:center}.setup-image{flex:1;display:flex;align-items:center;justify-content:center;min-width:300px}.setup-image img{max-width:100%;max-height:500px;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #0000004d}.slider-container{margin-bottom:1rem}.slider{-webkit-appearance:none;width:100%;height:15px;border-radius:5px;background:var(--color-border);outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:var(--color-interactive);cursor:pointer}.slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:var(--color-interactive);cursor:pointer}.contact-info-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1001}.contact-info-container{width:500px;max-width:90%}.contact-info-container .card-header{display:flex;justify-content:space-between;align-items:center}.contact-info-container .card-header h2{margin:0}.contact-info-container a{color:var(--color-interactive)}.number-spinner{margin:var(--spacing-small, 8px) 0}.number-spinner__label{display:block;font-weight:600;margin-bottom:var(--spacing-xs, 4px);color:var(--text-primary, #333);font-size:14px}.number-spinner__controls{display:flex;align-items:center;border:2px solid var(--color-border);border-radius:var(--border-radius, 4px);background-color:var(--color-text-primary);overflow:hidden;max-width:200px}.number-spinner__button{width:40px;height:40px;border:none;background-color:var(--color-background-secondary);color:var(--color-background-primary);font-size:18px;font-weight:700;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;outline:none;-webkit-user-select:none;user-select:none}.number-spinner__button:hover:not(:disabled){background-color:var(--color-background-tertiary)}.number-spinner__button:focus{box-shadow:inset 0 0 0 2px #007bff80}.number-spinner__button:active:not(:disabled),.number-spinner__button--active{background-color:var(--primary-color);color:var(--color-text-primary)}.number-spinner__button:disabled{opacity:.4;cursor:not-allowed;background-color:var(--color-background-secondary);color:var(--color-text-muted)}.number-spinner__button--decrement{border-right:1px solid var(--color-border)}.number-spinner__button--increment{border-left:1px solid var(--color-border)}.number-spinner__input{flex:1;border:none;padding:var(--spacing-small, 8px) var(--spacing-xs, 4px);text-align:center;font-size:16px;font-weight:600;color:var(--color-background-primary);background-color:var(--color-text-primary);outline:none;width:80px;min-width:60px}.number-spinner__input:focus{background-color:var(--color-background-secondary);box-shadow:inset 0 0 0 2px #007bff40}.number-spinner__input:disabled{opacity:.6;background-color:var(--color-background-secondary);color:var(--color-text-muted);cursor:not-allowed}.number-spinner__input::-webkit-outer-spin-button,.number-spinner__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-spinner__input[type=number]{-moz-appearance:textfield}.number-spinner__range{font-size:11px;color:var(--color-text-muted);margin-top:var(--spacing-xs, 4px);text-align:center}@media (max-width: 768px){.number-spinner__controls{max-width:100%}.number-spinner__button{width:50px;height:44px;font-size:20px}.number-spinner__input{font-size:18px;padding:var(--spacing-small, 8px)}}@media (prefers-contrast: high){.number-spinner__controls{border-width:3px}.number-spinner__button{border-width:2px}.number-spinner__button:focus{box-shadow:inset 0 0 0 3px #00000080}}@media (prefers-reduced-motion: reduce){.number-spinner__button{transition:none}}@media (hover: none) and (pointer: coarse){.number-spinner__button{min-height:44px;min-width:44px}}.feedback-modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.feedback-modal{background:var(--color-background-secondary);border-radius:var(--border-radius);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0003;border:1px solid var(--color-border)}.feedback-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--color-border);background-color:var(--color-background-tertiary)}.feedback-header h3{margin:0;color:var(--color-text-primary)}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-muted);padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-btn:hover{background-color:var(--color-background-primary);color:var(--color-text-primary)}.signin-prompt{padding:1.5rem 2rem;background-color:var(--color-background-primary);border-bottom:1px solid var(--color-border);text-align:center}.signin-prompt p{margin:0 0 1rem;color:var(--color-text-secondary)}.signin-prompt .btn{margin:0 0 1rem}.or-continue{font-size:.875rem;color:var(--color-text-muted);font-style:italic}.feedback-form{padding:2rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--border-radius-small);font-size:1rem;transition:border-color .2s,box-shadow .2s;background-color:var(--color-background-tertiary);color:var(--color-text-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff1a}.form-group textarea{resize:vertical;min-height:120px;font-family:inherit}.char-count{font-size:.875rem;color:var(--color-text-muted);text-align:right;margin-top:.25rem}.checkbox-label{display:flex!important;align-items:flex-start;gap:.75rem;cursor:pointer;margin-bottom:0!important}.checkbox-label input[type=checkbox]{width:auto!important;margin:0;margin-top:.125rem;flex-shrink:0}.checkbox-text{color:var(--color-text-primary);line-height:1.4}.contact-info{margin-left:1.75rem;margin-top:.5rem}.contact-info small{color:var(--color-text-muted);font-style:italic}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--color-border)}.form-actions .btn{padding:.75rem 1.5rem;font-size:1rem;border-radius:4px;cursor:pointer;transition:all .2s;border:1px solid transparent}.btn-outline{background-color:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.btn-outline:hover:not(:disabled){background-color:var(--color-background-tertiary);border-color:var(--color-border-light)}.btn-primary{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-primary:hover:not(:disabled){background-color:var(--color-interactive-hover);border-color:var(--color-interactive-hover)}.btn:disabled{opacity:.6;cursor:not-allowed}.feedback-guidelines{padding:0 2rem 2rem;background-color:var(--color-background-primary);border-top:1px solid var(--color-border)}.feedback-guidelines h4{margin:0 0 1rem;color:var(--color-text-primary);font-size:1rem}.feedback-guidelines ul{margin:0;padding-left:1.5rem}.feedback-guidelines li{margin-bottom:.5rem;color:var(--color-text-secondary);font-size:.875rem}.feedback-guidelines strong{color:var(--color-text-primary)}.feedback-success{padding:3rem 2rem;text-align:center}.feedback-success h3{color:var(--success-color);margin:0 0 1rem}.feedback-success p{color:var(--color-text-secondary);margin:0 0 2rem}.success-icon{font-size:3rem;color:var(--success-color);font-weight:700}@media (max-width: 768px){.feedback-modal{width:95%;margin:1rem}.feedback-header,.feedback-form,.feedback-guidelines{padding:1rem}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.setup-screen{display:grid;grid-template-columns:2fr 1fr;gap:2rem;padding:2rem;background-color:var(--background-color);min-height:100vh}.scenario-selector-buttons{margin:var(--spacing-small, 8px) 0}.scenario-selector__label{display:block;font-weight:600;margin-bottom:var(--spacing-small, 8px);color:var(--text-primary, #333);font-size:16px}.scenario-selector__options{display:flex;flex-direction:column;gap:var(--spacing-small, 8px)}.scenario-selector__button{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-medium, 12px);border:2px solid var(--color-border);border-radius:var(--border-radius, 6px);background-color:var(--color-text-primary);color:var(--color-background-primary);cursor:pointer;transition:all .2s ease;text-align:left;position:relative;min-height:60px;outline:none}.scenario-selector__button:hover:not(:disabled){background-color:var(--color-background-secondary);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.scenario-selector__button:focus{box-shadow:0 0 0 3px #007bff40;border-color:var(--primary-color)}.scenario-selector__button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000001a}.scenario-selector__button--selected{background-color:var(--color-background-secondary);border-color:var(--primary-color);color:var(--primary-color)}.scenario-selector__button--selected:hover{background-color:var(--color-background-tertiary);border-color:var(--primary-color)}.scenario-selector__button:disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-background-secondary);color:var(--color-text-muted)}.scenario-selector__button-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs, 4px)}.scenario-selector__button-content h4{margin:0;font-size:16px;font-weight:600;color:inherit}.scenario-selector__button-content p{margin:0;font-size:14px;color:var(--color-text-muted);line-height:1.3}.scenario-selector__button--selected .scenario-selector__button-content p{color:var(--primary-color)}.scenario-selector__button-content small{font-size:12px;color:var(--color-text-muted);font-style:italic}.scenario-selector__button--selected .scenario-selector__button-content small{color:var(--primary-color)}.scenario-selector__checkmark{background-color:var(--primary-color);color:var(--color-text-primary);border-radius:50%;width:24px;height:24px;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-left:var(--spacing-small, 8px);flex-shrink:0}.scenario-selector__empty{padding:var(--spacing-medium, 12px);text-align:center;color:var(--color-text-muted);font-style:italic;border:1px dashed var(--color-border);border-radius:var(--border-radius, 6px);background-color:var(--color-background-secondary)}@media (max-width: 768px){.scenario-selector__button{min-height:80px;padding:var(--spacing-medium, 12px)}.scenario-selector__button-content h4{font-size:18px}.scenario-selector__button-content p{font-size:16px}.scenario-selector__checkmark{width:28px;height:28px;font-size:16px}}@media (prefers-contrast: high){.scenario-selector__button{border-width:3px}.scenario-selector__button:focus{box-shadow:0 0 0 4px #00000080}.scenario-selector__button--selected{border-width:4px}}@media (prefers-reduced-motion: reduce){.scenario-selector__button{transition:none}.scenario-selector__button:hover:not(:disabled){transform:none}}.casualty-card{overflow:visible;width:100%;box-sizing:border-box;position:relative;contain:layout}.casualty-card.highlighted{border-color:var(--color-accent);box-shadow:0 0 10px var(--color-accent)}.casualty-card.triage-urgent{border-left:5px solid red}.casualty-card.triage-priority{border-left:5px solid orange}.casualty-card.triage-routine{border-left:5px solid yellow}.casualty-card.triage-expectant{border-left:5px solid black}.casualty-card.triage-non-urgent{border-left:5px solid green}.casualty-card.triage-immediate{border-left:5px solid red}.casualty-card.triage-delayed{border-left:5px solid orange}.casualty-card.triage-minimal{border-left:5px solid yellow}.triage-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-weight:700;color:#fff;font-size:.9em}.triage-badge.triage-urgent{background-color:red}.triage-badge.triage-priority{background-color:orange}.triage-badge.triage-routine{background-color:var(--warning-color);color:#000}.triage-badge.triage-expectant{background-color:#000}.triage-badge.triage-non-urgent{background-color:green}.triage-badge.triage-immediate{background-color:red}.triage-badge.triage-delayed{background-color:orange}.triage-badge.triage-minimal{background-color:var(--warning-color);color:#000}.casualty-card .vitals-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;padding:0;list-style:none;width:100%;box-sizing:border-box;position:relative;max-width:100%}.casualty-card .vitals-grid li{display:flex;width:100%;box-sizing:border-box}.casualty-card .vitals-grid .btn{width:100%;max-width:100%;text-align:center;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-height:36px;height:auto;display:flex;align-items:center;justify-content:center;padding:8px 4px;font-size:11px;line-height:1.3;box-sizing:border-box;position:relative}@media (max-width: 768px){.casualty-card .vitals-grid{grid-template-columns:1fr}.casualty-card .vitals-grid .btn{font-size:12px;padding:10px 6px}}.mobile-layout .casualty-card .vitals-grid{grid-template-columns:1fr;gap:8px}.intervention-failed{color:#e53e3e;font-weight:700}.intervention-partial{color:#dd6b20;font-weight:700}.intervention-success{color:#38a169}.triage-selector{margin:var(--spacing-small, 8px) 0}.triage-selector__label{display:block;font-weight:600;margin-bottom:var(--spacing-xs, 4px);color:var(--color-text-primary, #F7FAFC);font-size:14px}.triage-selector__buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-xs, 4px);margin-bottom:var(--spacing-xs, 4px)}.triage-selector__button{flex:1;min-width:70px;padding:var(--spacing-xs, 4px) var(--spacing-small, 8px);border:2px solid var(--color-border, #4A5568);border-radius:var(--border-radius, 4px);background-color:var(--color-background-secondary, #2D3748);color:var(--color-text-primary, #F7FAFC);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center;position:relative;outline:none}.triage-selector__button:hover:not(:disabled){background-color:var(--color-background-tertiary, #4A5568);border-color:var(--triage-color, #007bff);transform:translateY(-1px);box-shadow:0 2px 4px #0000004d}.triage-selector__button:focus{box-shadow:0 0 0 3px #007bff40;border-color:var(--triage-color, #007bff)}.triage-selector__button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000001a}.triage-selector__button--selected{background-color:var(--triage-color, #007bff);color:var(--color-text-primary);border-color:var(--triage-color, #007bff);font-weight:600}.triage-selector__button--selected:after{content:"✓";position:absolute;top:-2px;right:-2px;background-color:var(--color-background-primary, #1A202C);color:var(--triage-color, #007bff);border-radius:50%;width:16px;height:16px;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700}.triage-selector__button:disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-background-tertiary, #4A5568);color:var(--color-text-muted, #A0AEC0)}.triage-selector__placeholder{font-size:11px;color:var(--color-text-muted, #A0AEC0);font-style:italic;text-align:center;padding:var(--spacing-xs, 4px)}@media (max-width: 768px){.triage-selector__buttons{flex-direction:column}.triage-selector__button{width:100%;min-width:unset;padding:var(--spacing-small, 8px);font-size:14px}}@media (prefers-contrast: high){.triage-selector__button{border-width:3px}.triage-selector__button:focus{box-shadow:0 0 0 4px #00000080}}@media (prefers-reduced-motion: reduce){.triage-selector__button{transition:none}.triage-selector__button:hover:not(:disabled){transform:none}}.tutorial-highlight{position:relative;z-index:10}.tutorial-pulse{animation:tutorialPulse 2s infinite;box-shadow:0 0 #4299e1b3;border:2px solid #4299E1!important}@keyframes tutorialPulse{0%{transform:scale(1);box-shadow:0 0 #4299e1b3}70%{transform:scale(1.02);box-shadow:0 0 0 10px #4299e100}to{transform:scale(1);box-shadow:0 0 #4299e100}}.tutorial-glow{animation:tutorialGlow 1.5s ease-in-out infinite alternate}@keyframes tutorialGlow{0%{box-shadow:0 0 5px #4299e180}to{box-shadow:0 0 20px #4299e1cc}}.tutorial-disabled{opacity:.5;pointer-events:none;filter:grayscale(50%);position:relative}.tutorial-disabled:before{content:"";position:absolute;inset:0;background:#0000001a;z-index:1;pointer-events:none}.tutorial-tooltip{position:absolute;background:#4a90e2;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:1000;box-shadow:0 2px 8px #0000004d;animation:tutorialTooltipFadeIn .3s ease-in}.tutorial-tooltip:before{content:"";position:absolute;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent}.tutorial-tooltip.tooltip-bottom:before{top:-6px;left:50%;transform:translate(-50%);border-bottom:6px solid #4A90E2}.tutorial-tooltip.tooltip-top:before{bottom:-6px;left:50%;transform:translate(-50%);border-top:6px solid #4A90E2}.tutorial-tooltip.tooltip-left:before{right:-6px;top:50%;transform:translateY(-50%);border-left:6px solid #4A90E2}.tutorial-tooltip.tooltip-right:before{left:-6px;top:50%;transform:translateY(-50%);border-right:6px solid #4A90E2}@keyframes tutorialTooltipFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tutorial-prevention-modal{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:300;animation:tutorialModalFadeIn .3s ease-out}.tutorial-prevention-content{background-color:#2d3748;color:#f7fafc;padding:2rem;border-radius:12px;max-width:500px;margin:1rem;box-shadow:0 8px 32px #0006;border:2px solid #E53E3E;animation:tutorialModalSlideIn .3s ease-out}.tutorial-prevention-content h3{margin:0 0 1rem;color:#fed7d7;font-size:1.5rem;display:flex;align-items:center;gap:.5rem}.tutorial-prevention-content p{margin:0 0 1.5rem;line-height:1.6;color:#e2e8f0}.tutorial-prevention-button{background-color:#e53e3e;border:none;color:#fff;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:700;transition:background-color .2s ease}.tutorial-prevention-button:hover{background-color:#c53030}@keyframes tutorialModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tutorialModalSlideIn{0%{transform:translateY(-20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media (max-width: 768px){.tutorial-prevention-content{padding:1.5rem;margin:.5rem}.tutorial-prevention-content h3{font-size:1.25rem}.tutorial-tooltip{font-size:11px;padding:6px 10px}}.ketamine-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.ketamine-modal{background-color:var(--color-background-primary);border:2px solid var(--color-border);border-radius:8px;min-width:600px;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d;color:var(--color-text-secondary)}.ketamine-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);background-color:var(--color-background-secondary)}.ketamine-modal-header h3{margin:0;color:var(--color-text-secondary);font-size:1.2rem}.ketamine-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-secondary);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.ketamine-modal-close:hover{background-color:var(--color-background-tertiary)}.ketamine-modal-patient{padding:1rem 1.5rem;background-color:var(--color-background-secondary);border-bottom:1px solid var(--color-border);font-size:1rem;color:var(--color-text-secondary)}.ketamine-routes-container{padding:1.5rem;display:grid;gap:1rem}.ketamine-route-option{border:2px solid var(--color-border);border-radius:8px;padding:1rem;transition:all .2s ease}.ketamine-route-option.available{background-color:var(--color-background-primary);border-color:var(--color-interactive)}.ketamine-route-option.available:hover{background-color:var(--color-background-secondary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.ketamine-route-option.unavailable{background-color:var(--color-background-tertiary);border-color:var(--color-text-muted);opacity:.6}.route-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.route-header h4{margin:0;color:var(--color-text-secondary);font-size:1.1rem}.route-dose{background-color:var(--color-interactive);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.9rem;font-weight:700}.route-description{margin:.5rem 0;color:var(--color-text-secondary);font-style:italic;line-height:1.4}.route-requirements,.route-effects{margin:.5rem 0;font-size:.9rem;color:var(--color-text-secondary)}.route-requirements strong,.route-effects strong{color:var(--color-interactive)}.route-select-btn{margin-top:1rem;width:100%;padding:.75rem;font-size:1rem;background-color:var(--color-interactive);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.route-select-btn:hover{background-color:#357abd}.route-unavailable{margin-top:1rem;padding:.75rem;text-align:center}.unavailable-reason{color:var(--error-color);font-weight:700;font-size:.9rem}.ketamine-modal-actions{padding:1rem 1.5rem;border-top:1px solid var(--color-border);background-color:var(--color-background-secondary);display:flex;justify-content:flex-end}.ketamine-modal-actions .btn{padding:.5rem 1.5rem;font-size:1rem;border-radius:6px;cursor:pointer;border:1px solid var(--color-border)}.ketamine-modal-actions .btn-secondary{background-color:var(--color-background-primary);color:var(--color-text-secondary)}.ketamine-modal-actions .btn-secondary:hover{background-color:var(--color-background-tertiary)}@media (max-width: 768px){.ketamine-modal{min-width:90%;max-width:95%;margin:1rem}.ketamine-modal-header{padding:.75rem 1rem}.ketamine-modal-patient,.ketamine-routes-container,.ketamine-modal-actions{padding:1rem}.route-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.disclaimer-bar{background-color:var(--error-color);color:var(--text-color);text-align:center;padding:var(--spacing-small);font-weight:700;transition:all .3s ease;position:relative;display:flex;justify-content:center;align-items:center;min-height:40px}.disclaimer-bar.minimized{min-height:20px;padding:4px 8px}.disclaimer-bar p{margin:0;flex:1}.disclaimer-toggle{background:none;border:none;color:var(--text-color);font-size:12px;cursor:pointer;padding:2px 8px;position:absolute;right:8px;opacity:.7;transition:opacity .2s ease}.disclaimer-toggle:hover{opacity:1}.admin-dashboard-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.admin-dashboard{background:var(--color-background-secondary);border-radius:var(--border-radius);width:90%;max-width:1200px;height:90%;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border)}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid var(--color-border);background-color:var(--color-background-tertiary)}.admin-header h2{margin:0;color:var(--color-text-primary)}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-muted)}.close-btn:hover{color:var(--color-text-primary)}.admin-tabs{display:flex;border-bottom:1px solid var(--color-border)}.tab{padding:1rem 2rem;background:none;border:none;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;color:var(--color-text-secondary)}.tab:hover{background-color:var(--color-background-tertiary)}.tab.active{border-bottom-color:var(--primary-color);background-color:var(--color-background-primary);color:var(--color-text-primary)}.admin-content{flex:1;padding:2rem;overflow-y:auto}.admin-section{margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{margin:0;color:var(--color-text-primary)}.content-items{display:flex;flex-direction:column;gap:1rem}.content-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid var(--color-border);border-radius:var(--border-radius-small);background-color:var(--color-background-primary)}.content-item.static{border-left:4px solid var(--success-color)}.content-item.dynamic{border-left:4px solid var(--primary-color)}.content-item.github{border-left:4px solid var(--color-interactive)}.item-content{flex:1}.item-text{display:block;font-weight:500;margin-bottom:.5rem;color:var(--color-text-primary)}.item-meta{display:flex;gap:1rem;font-size:.875rem;color:var(--color-text-muted)}.item-type,.item-priority,.item-source{padding:.25rem .5rem;border-radius:3px;background-color:var(--color-background-tertiary);color:var(--color-text-secondary)}.item-actions{display:flex;gap:.5rem}.feedback-items{display:flex;flex-direction:column;gap:1rem}.feedback-item{padding:1rem;border:1px solid var(--color-border);border-radius:var(--border-radius-small);background-color:var(--color-background-primary)}.feedback-item.bug{border-left:4px solid var(--error-color)}.feedback-item.feature{border-left:4px solid var(--success-color)}.feedback-item.improvement{border-left:4px solid var(--warning-color)}.feedback-item.general{border-left:4px solid var(--color-text-muted)}.feedback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.feedback-header h4{margin:0;color:var(--color-text-primary)}.feedback-meta{display:flex;gap:.5rem}.status,.priority,.type{padding:.25rem .5rem;border-radius:3px;font-size:.75rem;font-weight:500;text-transform:uppercase}.status.open{background-color:var(--color-background-tertiary);color:var(--success-color)}.status.in_progress{background-color:var(--color-background-tertiary);color:var(--warning-color)}.status.resolved{background-color:var(--color-background-tertiary);color:var(--primary-color)}.status.closed{background-color:var(--color-background-tertiary);color:var(--error-color)}.priority.low{background-color:var(--color-background-tertiary);color:var(--color-text-muted)}.priority.medium{background-color:var(--color-background-tertiary);color:var(--warning-color)}.priority.high,.priority.critical{background-color:var(--color-background-tertiary);color:var(--error-color)}.feedback-description{margin:.5rem 0;color:var(--color-text-secondary)}.feedback-footer{display:flex;justify-content:space-between;font-size:.875rem;color:var(--color-text-muted)}.static-content{margin-top:2rem;padding:1rem;background-color:var(--color-background-primary);border-radius:var(--border-radius-small);border:1px solid var(--color-border)}.static-section{margin-bottom:1rem}.static-section h4{margin:0 0 .5rem;color:var(--color-text-primary)}.static-section ul{margin:0;padding-left:1.5rem;color:var(--color-text-secondary)}.analytics{display:flex;flex-direction:column;gap:2rem}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.metric{padding:1.5rem;background-color:var(--color-background-secondary);border-radius:var(--border-radius);text-align:center;border:1px solid var(--color-border)}.metric h4{margin:0 0 1rem;color:var(--color-text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:2rem;font-weight:700;color:var(--primary-color)}.edit-modal{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100}.edit-modal-content{background:var(--color-background-secondary);padding:2rem;border-radius:var(--border-radius);width:90%;max-width:500px;border:1px solid var(--color-border)}.edit-modal-content h3{margin:0 0 1rem;color:var(--color-text-primary)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text-primary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.5rem;border:1px solid var(--color-border);border-radius:var(--border-radius-small);font-size:1rem;background-color:var(--color-background-tertiary);color:var(--color-text-primary)}.form-group textarea{min-height:100px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.loading{display:flex;align-items:center;justify-content:center;height:200px;font-size:1.125rem;color:var(--color-text-secondary)}.btn{padding:.5rem 1rem;border-radius:var(--border-radius-small);border:none;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;text-decoration:none;display:inline-block}.btn-outline{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-outline:hover{background-color:var(--color-background-tertiary);color:var(--color-text-primary)}.btn-danger{background-color:var(--error-color);color:#fff}.btn-danger:hover{background-color:var(--error-color)}@media (max-width: 768px){.admin-dashboard{width:95%;height:95%}.admin-content{padding:1rem}.metrics{grid-template-columns:1fr}.content-item{flex-direction:column;align-items:flex-start;gap:1rem}.item-actions{width:100%;justify-content:flex-end}}.feedback-filters{margin-bottom:1.5rem}.feedback-filters select{padding:.5rem;border-radius:var(--border-radius-small);border:1px solid var(--color-border);background-color:var(--color-background-tertiary);color:var(--color-text-primary)}.contact-info{margin:.75rem 0;padding:.5rem;background-color:var(--color-background-primary);border-radius:var(--border-radius-small);border-left:3px solid var(--primary-color)}.resolution{margin:.75rem 0;padding:.75rem;background-color:var(--color-background-primary);border-radius:var(--border-radius-small);border-left:3px solid var(--success-color)}.feedback-actions{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border);align-items:center;flex-wrap:wrap}.feedback-actions select{padding:.5rem;border-radius:var(--border-radius-small);border:1px solid var(--color-border);background-color:var(--color-background-tertiary);color:var(--color-text-primary);min-width:120px}.feedback-actions .btn{padding:.5rem 1rem;border-radius:var(--border-radius-small);border:none;cursor:pointer;font-size:.875rem;transition:all .2s}.btn-primary:hover{background-color:var(--color-interactive-hover)}.btn-success{background-color:var(--success-color);color:#fff}.btn-success:hover{opacity:.9}.no-feedback{text-align:center;padding:2rem;color:var(--color-text-muted);font-style:italic}.feedback-item.resolved{border-left:4px solid var(--success-color)}.feedback-item.closed{opacity:.7}.add-to-content-group{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:var(--color-background-secondary);border-radius:var(--border-radius-small);border:1px solid var(--color-border)}.add-to-content-group label{font-size:.875rem;color:var(--color-text-secondary);font-weight:500;margin:0;min-width:max-content}.add-to-content-group .btn{padding:.375rem .75rem;font-size:.75rem;min-width:max-content}.analytics-query-builder{background:var(--color-background-secondary);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--color-border)}.analytics-query-builder h3{color:var(--color-text);margin-bottom:1rem;font-size:1.25rem}.query-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:var(--color-text);font-size:.9rem}.form-select,.form-input{padding:.75rem;border:1px solid var(--color-border);border-radius:var(--border-radius-small);background:var(--color-background);color:var(--color-text);font-size:.9rem;transition:border-color .2s}.form-select:focus,.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4299e11a}.query-description{font-size:.8rem;color:var(--color-text-secondary);margin:0;font-style:italic}.date-range{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.execute-btn{align-self:flex-start;min-width:150px}.execute-btn:disabled{opacity:.6;cursor:not-allowed}.query-results{background:var(--color-background-secondary);border-radius:var(--border-radius);border:1px solid var(--color-border)}.query-results.empty{padding:2rem;text-align:center;color:var(--color-text-secondary)}.results-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border)}.results-header h3{margin:0;color:var(--color-text);font-size:1.1rem}.results-list{max-height:500px;overflow-y:auto}.result-item{padding:1rem 1.5rem;border-bottom:1px solid var(--color-border)}.result-item:last-child{border-bottom:none}.result-item.success{border-left:4px solid var(--color-success)}.result-item.error{border-left:4px solid var(--color-error)}.result-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.result-header h4{margin:0;color:var(--color-text);font-size:1rem}.timestamp{font-size:.8rem;color:var(--color-text-secondary)}.result-summary{margin-bottom:1rem;padding:.75rem;background:var(--color-background);border-radius:var(--border-radius-small);font-size:.9rem;color:var(--color-text)}.result-details summary{cursor:pointer;color:var(--color-primary);font-size:.9rem;margin-bottom:.5rem}.result-data{background:var(--color-background);padding:1rem;border-radius:var(--border-radius-small);font-size:.8rem;color:var(--color-text);white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;border:1px solid var(--color-border)}@media (max-width: 768px){.feedback-actions{flex-direction:column;align-items:stretch}.feedback-actions select,.feedback-actions .btn{width:100%}.add-to-content-group{flex-wrap:wrap;justify-content:center}.add-to-content-group .btn{flex:1;min-width:80px}.date-range{grid-template-columns:1fr}.result-header{flex-direction:column;align-items:flex-start;gap:.5rem}.results-list{max-height:400px}.query-form{gap:1.5rem}}.welcome-full-screen{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--color-background-secondary);padding:2rem;box-sizing:border-box}.welcome-container{padding:2rem;background-color:var(--color-background-tertiary);color:var(--color-text-primary);border-radius:var(--border-radius);margin:2rem;max-width:800px}.auth-section{display:flex;justify-content:flex-end;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.user-info{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.user-actions{display:flex;align-items:center;gap:1rem}.user-info span{color:var(--color-text-secondary);font-size:.9rem}.welcome-container h1,.welcome-container h2{color:var(--color-interactive)}.welcome-container ul{list-style-position:inside;padding-left:0}.training-mode-selection{margin:2rem 0;padding:1.5rem 0;border-top:2px solid var(--color-border);border-bottom:2px solid var(--color-border)}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1.5rem}.mode-option{background-color:var(--color-border);border-radius:var(--border-radius);padding:1.5rem;text-align:center;transition:transform .2s,box-shadow .2s}.mode-option:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.mode-option h3{color:var(--color-text-secondary);margin:.5rem 0}.mode-option p{color:var(--color-text-muted);font-size:.9rem;margin-bottom:1rem}.mode-features{list-style:none;padding:0;margin:1rem 0;text-align:left}.mode-features li{color:var(--color-text-muted);font-size:.85rem;margin:.5rem 0;padding-left:1rem;position:relative}.mode-features li:before{content:"•";color:var(--color-interactive);font-weight:700;position:absolute;left:0}.mode-option .btn{margin-top:1rem;width:100%}.btn-admin{background-color:var(--primary-color);color:#fff;border:1px solid var(--primary-color);padding:.5rem 1rem;border-radius:var(--border-radius-small);cursor:pointer;font-size:.875rem;transition:background-color .2s,border-color .2s}.btn-admin:hover{background-color:var(--color-interactive-hover);border-color:var(--color-interactive-hover)}.contact-actions{display:flex;gap:1rem;margin-top:1rem}.compatibility-settings{margin:2rem 0;padding:1.5rem;background-color:var(--color-background-secondary);border-radius:var(--border-radius);border:1px solid var(--color-border)}.compatibility-settings h2{margin-top:0;color:var(--color-text-primary);font-size:1.25rem}.compatibility-option{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-top:1rem}.compatibility-info{flex:1}.compatibility-info h3{margin:0 0 .5rem;color:var(--color-text-secondary);font-size:1rem}.compatibility-info p{margin:.5rem 0;color:var(--color-text-muted);font-size:.875rem;line-height:1.4}.auto-detected{color:var(--warning-color)!important;font-weight:600;font-style:italic}.compatibility-toggle{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background-color:var(--color-border);transition:.3s;border-radius:24px;border:1px solid var(--color-border-light)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:var(--color-text-primary);transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary-color);border-color:var(--primary-color)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #3b82f640}.toggle-status{color:var(--color-text-secondary);font-size:.875rem;font-weight:500;min-width:60px}.disa-toggle-button{background-color:var(--error-color);color:#fff;border:none;padding:12px 24px;border-radius:var(--border-radius);cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease;min-width:120px;box-shadow:0 2px 4px #0003}.disa-toggle-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.disa-toggle-button:active{transform:translateY(0);box-shadow:0 1px 2px #0003}.disa-toggle-button.enabled,.disa-toggle-button.enabled:hover{background-color:var(--success-color)}.disa-toggle-button.disabled,.disa-toggle-button.disabled:hover{background-color:var(--error-color)}@media (max-width: 768px){.welcome-full-screen{padding:1rem;min-height:100vh}.mode-options{grid-template-columns:1fr;gap:1rem}.welcome-container{margin:.5rem;padding:1rem;max-width:100%}.auth-section{flex-direction:column;align-items:stretch;gap:1rem}.user-info{align-items:stretch;text-align:center}.user-actions{flex-direction:column;gap:.5rem;width:100%}.user-actions .btn{width:100%;text-align:center}.contact-actions{flex-direction:column;gap:.5rem}.contact-actions .btn{width:100%}.compatibility-option{flex-direction:column;align-items:flex-start;gap:1rem}.compatibility-toggle{align-self:stretch;text-align:center}.disa-toggle-button{width:100%;min-width:auto}.mode-option{padding:1rem}.mode-option .btn{width:100%;margin-top:1rem}h1{font-size:1.5rem;text-align:center}h2{font-size:1.25rem}p{font-size:.9rem;line-height:1.4}}@media (max-width: 480px){.welcome-full-screen{padding:.5rem}.welcome-container{margin:.25rem;padding:.75rem}.mode-icon{font-size:2rem}.mode-features li{font-size:.8rem}h1{font-size:1.25rem}h2{font-size:1.1rem}.btn{padding:.75rem 1rem;font-size:.9rem}.disa-toggle-button{padding:10px 20px;font-size:14px}}.splash-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;box-sizing:border-box}.splash-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;max-width:800px;max-height:600px}.splash-image{width:100%;height:100%;object-fit:contain;object-position:center}@media (max-width: 768px) and (orientation: portrait){.splash-container{padding:40px 20px}.splash-content{max-width:90vw;max-height:60vh}}@media (max-width: 768px) and (orientation: landscape){.splash-container{padding:20px 40px}.splash-content{max-width:70vw;max-height:80vh}}@media (min-width: 769px) and (max-width: 1024px){.splash-container{padding:30px}.splash-content{max-width:600px;max-height:500px}}@media (min-width: 1025px){.splash-container{padding:40px}.splash-content{max-width:800px;max-height:600px}}@media (min-width: 1440px){.splash-content{max-width:1000px;max-height:750px}}.fade-in{animation:fadeIn 2.5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.role1-continuous{padding:20px;min-height:100vh;background-color:var(--color-background-primary)}.role1-header{background-color:var(--color-background-secondary);padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.role1-header h1{margin:0;color:var(--color-text-secondary)}.cycle-info{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.cycle-info span{font-weight:700;padding:8px 12px;background-color:var(--color-border);color:var(--color-text-secondary);border-radius:4px}.timer{background-color:var(--warning-color)!important;color:var(--color-text-primary)}.role1-content{display:flex;flex-direction:column;gap:20px}.ccp-section,.bas-section{background-color:var(--color-background-secondary);padding:20px;border-radius:8px;border:1px solid var(--color-border)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid var(--color-border)}.section-header h2{margin:0;color:var(--color-text-secondary)}.selection-controls{display:flex;align-items:center;gap:15px}.selection-controls span{font-weight:700;color:var(--color-text-muted)}.bas-status{background-color:var(--color-background-primary);padding:15px;border-radius:6px;margin-bottom:15px;border-left:4px solid var(--success-color)}.bas-status p{margin:0;font-style:italic;color:var(--success-color)}.bas-casualties{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.bas-casualty-card{background-color:var(--color-background-primary);border:1px solid var(--color-border);border-radius:6px;padding:15px}.bas-casualty-card h4{margin:0 0 8px;color:var(--color-text-secondary)}.bas-casualty-card p{margin:4px 0;font-size:14px;color:var(--color-text-muted)}.bas-casualty-card.evacuated{border-left:4px solid var(--success-color);background-color:#28a7451a}.btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .2s}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-interactive-hover)}.btn:disabled{background-color:var(--color-border-light);cursor:not-allowed;opacity:.6}@media (max-width: 767px){.role1-continuous{padding:16px}.role1-header{flex-direction:column;gap:16px;align-items:stretch;padding:16px}.role1-header h1{font-size:20px;text-align:center}.cycle-info{flex-direction:row;justify-content:center;align-items:center;gap:12px}.cycle-info span{font-size:14px;padding:6px 10px}.ccp-section,.bas-section{padding:16px}.section-header{flex-direction:column;gap:12px;align-items:stretch}.section-header h2{font-size:18px;text-align:center}.selection-controls{justify-content:center;flex-wrap:wrap;gap:12px}.selection-controls .btn{min-height:44px;font-size:16px;padding:12px 16px}.bas-casualties{grid-template-columns:1fr;gap:12px}.bas-casualty-card{padding:12px}.bas-casualty-card h4{font-size:16px}.bas-casualty-card p{font-size:14px}.bas-status{padding:12px;margin-bottom:12px}.bas-status p{font-size:14px;text-align:center}}.categoryButton{width:100%;text-align:left;padding:.5rem;background-color:var(--color-background-secondary);border:none;color:var(--color-text-primary);font-weight:700;font-size:1.1rem;cursor:pointer;border-bottom:1px solid var(--color-border);margin-top:1rem}.aidBagItem{padding:6px 10px;background-color:var(--color-border);border-radius:var(--border-radius-small);cursor:grab;margin-bottom:.5rem;list-style-type:none}.aidBagItem:hover{background-color:var(--color-interactive)}.categoryButton:hover{background-color:var(--color-border)}.mobile-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.mobile-nav-header{background-color:var(--color-background-secondary);border-bottom:1px solid var(--color-border);padding:8px 16px;min-height:60px;transition:min-height .3s ease;overflow:hidden;display:flex;justify-content:space-between;align-items:center}.mobile-nav-header.minimized{min-height:40px}.nav-controls{flex:1;overflow-x:auto}.nav-minimize-toggle{background:none;border:none;color:var(--color-text-secondary);font-size:16px;cursor:pointer;padding:4px 8px;margin-left:8px}.mobile-top-container{background-color:var(--color-background-secondary);border-bottom:1px solid var(--color-border);padding:8px 16px;min-height:50px;transition:min-height .3s ease;overflow:hidden}.mobile-top-container.minimized{min-height:30px}.mobile-top-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.mobile-nav-buttons{display:flex;gap:4px;flex-wrap:wrap}.mobile-nav-buttons .btn{padding:6px 12px;font-size:14px;margin:2px}.mobile-notifications{font-size:12px;color:var(--color-text-secondary);max-height:80px;overflow-y:auto;margin-top:8px}.mobile-resupply-controls{display:flex;flex-direction:column;gap:12px;margin-top:12px}.mobile-resupply-buttons{display:flex;flex-wrap:wrap;gap:8px}.mobile-resupply-buttons .btn{flex:1;min-width:140px;font-size:14px;padding:6px 12px}.mobile-triage-filter{display:flex;flex-direction:column;gap:4px}.mobile-triage-filter label{font-size:12px;color:var(--color-text-secondary)}.mobile-triage-filter .form-select{font-size:14px;padding:6px 8px}.container-toggle{background:none;border:none;color:var(--color-text-secondary);font-size:16px;cursor:pointer;padding:4px}.mobile-middle-container{flex:1;background-color:var(--color-background-primary);position:relative;overflow:hidden;transition:flex .3s ease}.mobile-middle-container.minimized{flex:.1}.casualty-swiper{height:100%;width:100%;position:relative;overflow:hidden}.casualty-slides-container{display:flex;height:100%;transition:transform .3s ease;will-change:transform}.casualty-slide{min-width:100%;height:100%;padding:16px;overflow-y:auto;box-sizing:border-box;position:relative;transition:border .2s ease}.casualty-slide.selectable{border:2px dashed var(--color-interactive);background-color:#a0c4ff1a}.casualty-slide.selectable:before{content:"Tap here to apply selected item";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#a0c4ffe6;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;z-index:15;pointer-events:none}.casualty-navigation{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.casualty-nav-dot{width:8px;height:8px;border-radius:50%;background-color:#ffffff4d;cursor:pointer;transition:background-color .2s ease}.casualty-nav-dot.active{background-color:var(--color-interactive)}.casualty-counter{position:absolute;top:16px;right:16px;background-color:#000000b3;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;z-index:10}.mobile-bottom-container{background-color:var(--color-background-secondary);border-top:1px solid var(--color-border);min-height:200px;max-height:50vh;transition:min-height .3s ease,max-height .3s ease;overflow:hidden}.mobile-bottom-container.minimized{min-height:40px;max-height:40px}.tutorial-layout .mobile-bottom-container{max-height:65vh}.tutorial-layout .aidbag-category-slide{padding-bottom:60px}.tutorial-layout .aidbag-item[data-tutorial-new=true]{animation:tutorialNewItemPulse 3s ease-in-out;border:2px solid var(--color-interactive)!important}@keyframes tutorialNewItemPulse{0%{background-color:#4a90e233;transform:scale(1)}50%{background-color:#4a90e266;transform:scale(1.02)}to{background-color:var(--color-background-primary);transform:scale(1)}}.aidbag-swiper{height:100%;width:100%;position:relative}.aidbag-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background-color:var(--color-background-secondary);border-bottom:1px solid var(--color-border)}.aidbag-category-tabs{display:flex;overflow-x:auto;gap:4px;padding:8px 16px;background-color:var(--color-background-primary);border-bottom:1px solid var(--color-border)}.aidbag-category-tab{background:none;border:none;color:var(--color-interactive);padding:8px 12px;border-radius:4px;white-space:nowrap;cursor:pointer;transition:background-color .2s ease;font-size:14px}.aidbag-category-tab.active{background-color:var(--color-interactive);color:#fff}.aidbag-category-tab:hover{background-color:#a0c4ff1a}.aidbag-categories-container{display:flex;height:calc(100% - 80px);transition:transform .3s ease;will-change:transform}.aidbag-category-slide{min-width:100%;height:100%;overflow-y:auto;padding:16px;box-sizing:border-box}.aidbag-item{display:flex;justify-content:space-between;align-items:center;padding:12px;margin-bottom:8px;background-color:var(--color-background-primary);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.aidbag-item:hover{background-color:var(--color-background-secondary)}.aidbag-item:active{background-color:var(--color-background-tertiary)}.aidbag-item.selected{background-color:var(--color-interactive)!important;border-color:var(--color-interactive)!important;box-shadow:0 0 10px #4a90e280}.aidbag-item-name{color:var(--color-text-secondary);font-size:14px}.aidbag-item-count{color:var(--color-interactive);font-weight:700;font-size:14px}.empty-category{text-align:center;color:var(--color-text-muted);font-style:italic;padding:32px 16px}.mobile-layout *{-webkit-tap-highlight-color:transparent}.swipe-indicator{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;padding:8px;border-radius:50%;font-size:16px;z-index:5;opacity:.7;pointer-events:none}.swipe-indicator.left{left:16px}.swipe-indicator.right{right:16px}.mobile-counter{text-align:center;padding:.5rem;background-color:var(--color-background-secondary);border-radius:4px;margin-bottom:1rem;font-weight:700}.mobile-nav-buttons{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0}.mobile-nav-btn{flex:1;padding:.75rem;border-radius:6px;font-weight:500}.mobile-nav-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-aid-bag-header{background-color:var(--color-background-tertiary);color:#fff;padding:.75rem;margin:-8px -16px 1rem;font-weight:700}.mobile-aid-bag-header h3{margin:0;font-size:1.1rem}.mobile-aid-bag-content{max-height:250px;overflow-y:auto}.mobile-aid-bag-category{margin-bottom:1rem}.mobile-category-header{width:100%;padding:.75rem;background-color:var(--color-text-muted);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;text-align:left;margin-bottom:.5rem;transition:background-color .2s}.mobile-category-header:active{background-color:var(--color-border-light)}.mobile-aid-bag-items{max-height:150px;overflow-y:auto;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-background-secondary)}.mobile-aid-bag-item{padding:.75rem;margin:0;background-color:var(--color-text-primary);border-bottom:1px solid var(--color-border);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.mobile-aid-bag-item:last-child{border-bottom:none}.mobile-aid-bag-item:active{background-color:var(--color-background-secondary)}.mobile-aid-bag-item .item-name{font-size:.9rem;flex:1;padding-right:.5rem}.mobile-aid-bag-item .item-count{font-weight:700;background-color:var(--color-text-muted);color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;min-width:2rem;text-align:center}@media (min-width: 768px){.mobile-layout{display:none}.desktop-layout{display:grid}}@media (max-width: 767px){.desktop-layout{display:none}.mobile-layout{display:flex}}.mobile-layout .casualty-card{margin-bottom:0;border-radius:12px;box-shadow:0 4px 12px #0000004d}.mobile-layout .btn{min-height:44px;font-size:16px;padding:12px 16px}.mobile-layout .form-select{min-height:44px;font-size:16px;padding:12px}.mobile-layout .vitals-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:16px}.mobile-layout .vitals-grid .btn{width:100%;justify-self:stretch}.mobile-standard-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.mobile-nav-container{background-color:var(--color-background-secondary);border-bottom:1px solid var(--color-border);padding:12px 16px;flex-shrink:0;overflow-x:auto}.mobile-nav-container .btn{min-height:40px;font-size:14px;padding:8px 12px;margin:4px 2px;white-space:nowrap}.mobile-nav-container>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.mobile-content-container{flex:1;overflow-y:auto;padding:16px;background-color:var(--color-background-primary)}.mobile-standard-layout .btn{min-height:44px;font-size:16px;padding:12px 16px;margin:8px 4px}.mobile-standard-layout input,.mobile-standard-layout select,.mobile-standard-layout textarea{min-height:44px;font-size:16px;padding:12px;border-radius:6px;border:1px solid var(--color-border);background-color:var(--color-background-secondary);color:var(--color-text-secondary);width:100%;box-sizing:border-box}.mobile-standard-layout label{display:block;margin-bottom:8px;margin-top:16px;font-weight:700;color:var(--color-text-secondary)}.mobile-standard-layout .form-group{margin-bottom:20px}.mobile-standard-layout h1,.mobile-standard-layout h2,.mobile-standard-layout h3{color:var(--color-text-secondary);margin-bottom:16px}.mobile-standard-layout .card{background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;padding:16px;margin-bottom:16px}.mobile-standard-layout .checkbox-container{display:flex;align-items:center;gap:12px;margin:16px 0}.mobile-standard-layout input[type=checkbox]{min-height:20px;width:20px;transform:scale(1.5)}.mobile-content-container .profile-editor-container{padding:16px;max-width:none;margin:0}.mobile-standard-layout .sectionHeader{font-size:1.1rem;margin-top:1rem;margin-bottom:.75rem;color:var(--color-text-secondary)}.mobile-standard-layout .instructorPrompt{margin:.5rem 0;padding:.75rem;background-color:var(--color-background-secondary);border-left:4px solid var(--primary-color);font-style:italic;font-size:14px;line-height:1.4}.mobile-standard-layout .vitalAbnormal{color:var(--error-color);font-weight:700;font-size:14px}.mobile-standard-layout .treatmentMet{color:var(--success-color);font-size:14px}.mobile-standard-layout .treatmentMissed{color:var(--warning-color);font-size:14px}.mobile-standard-layout .treatmentUnexpected{color:var(--error-color);font-size:14px}.mobile-content-container>div{width:100%;overflow-x:hidden}.mobile-content-container table{width:100%;font-size:14px;border-collapse:collapse}.mobile-content-container table th,.mobile-content-container table td{padding:8px 4px;border:1px solid var(--color-border);word-wrap:break-word}.mobile-content-container table th{background-color:var(--color-background-secondary);color:var(--color-text-secondary);font-weight:700;font-size:12px}.mobile-content-container table td{background-color:var(--color-background-primary);color:var(--color-text-secondary);font-size:12px}.mobile-content-container .scenario-editor-grid{display:flex;flex-direction:column;gap:16px}.mobile-content-container .casualty-list{list-style:none;padding:0;margin:0;max-height:200px;overflow-y:auto}.mobile-content-container .casualty-list li{background-color:var(--color-background-primary);border:1px solid var(--color-border);border-radius:6px;padding:12px;margin-bottom:8px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.mobile-content-container .casualty-list li:hover{background-color:var(--color-background-secondary)}.mobile-content-container .casualty-list li.selected{background-color:var(--color-interactive);border-color:var(--color-interactive);color:#fff}.mobile-content-container .casualty-list li small{display:block;margin-top:4px;opacity:.8;font-size:12px}.mobile-content-container .scenario-editor-two-column{display:flex!important;flex-direction:column!important;gap:16px!important}.mobile-content-container .scenario-editor-sidebar,.mobile-content-container .scenario-editor-main{width:100%!important;max-width:none!important}.mobile-content-container .profile-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;align-items:stretch}.mobile-content-container .profile-actions .btn{width:100%;min-height:44px;font-size:16px;margin:0;white-space:normal;word-wrap:break-word;text-align:center;padding:12px 16px}.mobile-content-container .profile-table{display:block;overflow-x:auto;white-space:nowrap;font-size:14px}.mobile-content-container .profile-table th,.mobile-content-container .profile-table td{padding:8px 12px;min-width:120px}.mobile-content-container .form-grid{display:flex;flex-direction:column;gap:16px}.mobile-content-container .form-group{margin-bottom:16px}.mobile-content-container .form-group input,.mobile-content-container .form-group select,.mobile-content-container .form-group textarea{min-height:44px;font-size:16px;padding:12px}.mobile-content-container .profile-table .btn{min-height:36px;font-size:14px;padding:8px 12px;margin:2px;white-space:nowrap}.mobile-content-container .button-group{display:flex;flex-direction:column;gap:8px}.mobile-content-container .button-group .btn{width:100%}.mobile-content-container .card{margin-bottom:20px;padding:16px}.mobile-content-container .card h3{margin-top:0;font-size:18px}.mobile-casualty-editor{background-color:var(--color-background-secondary);border-radius:8px;overflow:hidden;margin-top:16px}.section-header{background-color:var(--color-background-primary);padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border)}.section-header h3{margin:0;color:var(--color-text-secondary);font-size:18px}.section-indicator{display:flex;gap:8px}.indicator-dot{width:8px;height:8px;border-radius:50%;background-color:#ffffff4d;cursor:pointer;transition:background-color .2s ease}.indicator-dot.active{background-color:var(--color-interactive)}.section-tabs{display:flex;background-color:var(--color-background-primary);border-bottom:1px solid var(--color-border)}.tab-button{flex:1;background:none;border:none;padding:12px 8px;color:var(--color-interactive);font-size:14px;cursor:pointer;transition:background-color .2s ease,color .2s ease;border-bottom:3px solid transparent}.tab-button.active{background-color:var(--color-background-secondary);color:var(--color-interactive);border-bottom-color:var(--color-interactive)}.tab-button:hover{background-color:#a0c4ff1a}.sections-container{position:relative;overflow:hidden;height:60vh}.sections-slider{display:flex;height:100%;transition:transform .3s ease;will-change:transform}.section-slide{min-width:100%;height:100%;overflow-y:auto;padding:16px;box-sizing:border-box}.casualty-section{height:100%}.vitals-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.treatment-group{margin-bottom:24px;padding:16px;background-color:var(--color-background-primary);border-radius:6px}.treatment-group h4{margin:0 0 12px;color:var(--color-text-secondary);font-size:16px}.treatment-list{margin-bottom:16px;min-height:40px;display:flex;flex-wrap:wrap;gap:8px}.treatment-tag{display:inline-block;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:700;color:#fff}.treatment-tag.required{background-color:var(--error-color)}.treatment-tag.recommended{background-color:var(--success-color)}.no-treatments{color:var(--color-text-muted);font-style:italic;margin:0;padding:8px 0}.danger-zone{margin-top:32px;padding-top:24px;border-top:1px solid var(--error-color)}.navigation-hint{background-color:var(--color-background-primary);padding:12px 16px;text-align:center;border-top:1px solid var(--color-border)}.navigation-hint p{margin:0;color:var(--color-text-muted);font-size:12px;font-style:italic}.mobile-casualty-editor .form-group{margin-bottom:20px}.mobile-casualty-editor .form-group label{display:block;margin-bottom:8px;font-weight:700;color:var(--color-text-secondary);font-size:14px}.mobile-casualty-editor .form-group input,.mobile-casualty-editor .form-group select,.mobile-casualty-editor .form-group textarea{width:100%;min-height:44px;font-size:16px;padding:12px;border-radius:6px;border:1px solid var(--color-border);background-color:var(--color-background-primary);color:var(--color-text-secondary);box-sizing:border-box}.mobile-casualty-editor .form-group textarea{resize:vertical;min-height:80px}.mobile-casualty-editor .form-group label input[type=checkbox]{width:auto;min-height:auto;margin-right:8px;transform:scale(1.2)}.mobile-casualty-editor .btn{width:100%;min-height:44px;font-size:16px;padding:12px 16px;margin-bottom:8px}.tutorial-mobile-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:var(--color-background-primary)}.tutorial-header-persistent{transition:all .3s ease}.tutorial-header-persistent.minimized{background-color:var(--color-background-secondary)!important;border-bottom:1px solid var(--color-border)!important}.tutorial-header-persistent button{transition:all .2s ease}.tutorial-header-persistent button:hover{transform:translateY(-1px);opacity:.8}@media (max-width: 767px){.tutorial-header-persistent.minimized{padding:.4rem .8rem!important}.tutorial-header-persistent.minimized span{font-size:.8rem!important}.tutorial-header-persistent.minimized button{font-size:.7rem!important;padding:.3rem .6rem!important}}.tutorial-instructions{background-color:var(--color-background-secondary);padding:16px;border-bottom:1px solid var(--color-border);flex-shrink:0}.tutorial-step-counter{color:var(--color-interactive);font-size:12px;font-weight:700;margin-bottom:8px}.tutorial-instructions h2{color:var(--color-text-secondary);margin:0 0 12px;font-size:18px}.tutorial-instructions p{color:var(--color-text-secondary);margin:0 0 16px;line-height:1.4}.tutorial-actions{display:flex;gap:8px;flex-wrap:wrap}.tutorial-actions .btn{min-height:44px;font-size:14px;padding:12px 16px}.tutorial-casualties-mobile{flex:1;display:flex;flex-direction:column;background-color:var(--color-background-primary);overflow:hidden}.casualty-counter{text-align:center;color:var(--color-interactive);font-size:14px;padding:16px;font-weight:700;flex-shrink:0}.casualty-slide{flex:1;overflow-y:auto;padding:0 16px}.casualty-nav-buttons{display:flex;gap:12px;justify-content:center;padding:16px;flex-shrink:0}.casualty-nav-buttons .btn{min-height:44px;padding:12px 20px;font-size:14px}.tutorial-aid-bag-mobile{background-color:var(--color-background-secondary);padding:16px;border-top:1px solid var(--color-border);max-height:300px;overflow-y:auto;flex-shrink:0}.tutorial-aid-bag-mobile h3{color:var(--color-text-secondary);margin:0 0 16px;font-size:16px}.aid-bag-category{margin-bottom:16px}.category-header{background:none;border:none;color:var(--color-interactive);font-size:14px;font-weight:700;cursor:pointer;width:100%;text-align:left;padding:8px 0}.aid-bag-items{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.aid-bag-item{background-color:var(--color-background-primary);border:1px solid var(--color-border);border-radius:6px;padding:12px;cursor:pointer;transition:background-color .2s ease;display:flex;justify-content:space-between;align-items:center}.aid-bag-item:hover,.aid-bag-item:active{background-color:var(--color-background-tertiary)}.aid-bag-item span{color:var(--color-text-secondary);font-size:12px}.item-count{color:var(--color-interactive)!important;font-weight:700}.tutorial-desktop-layout{padding:24px;background-color:var(--color-background-primary);min-height:100vh}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tutorial-header{background-color:var(--color-background-secondary);padding:16px;border-radius:8px;margin-bottom:16px}.tutorial-desktop-layout .tutorial-step-counter{color:var(--color-interactive);font-size:14px;font-weight:700;margin-bottom:12px}.tutorial-header h2{color:var(--color-text-secondary);margin:0 0 12px}.tutorial-header p{color:var(--color-text-secondary);margin:0 0 16px;line-height:1.5}.tutorial-header .tutorial-actions{display:flex;gap:12px}.tutorial-content{background-color:var(--color-background-primary)}.tutorial-sidebar .card{background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;padding:16px}.tutorial-casualties .casualty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.profile-editor-container{padding:var(--spacing-large);max-width:900px;margin:auto;color:var(--text-color)}.profile-editor-container .card{background-color:var(--color-background-secondary);border:1px solid var(--secondary-color)}.profile-editor-container h1,.profile-editor-container h3{color:var(--color-text-primary)}.profile-actions{margin-bottom:var(--spacing-large);display:flex;justify-content:flex-end;gap:var(--spacing-medium)}.profile-table{width:100%;border-collapse:collapse;margin-top:var(--spacing-medium)}.profile-table th,.profile-table td{padding:var(--spacing-small) var(--spacing-medium);text-align:left;border-bottom:1px solid var(--primary-color)}.profile-table th{color:var(--color-text-primary)}.profile-table td:last-child{text-align:right}.profile-table .btn{margin-left:var(--spacing-small)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-medium)}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:var(--spacing-small);font-weight:700}.form-group input,.form-group select,.form-group textarea{background-color:var(--color-background-secondary);color:var(--text-color);border:1px solid var(--primary-color);padding:var(--spacing-small);border-radius:var(--border-radius);width:100%;resize:vertical}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--secondary-color);padding:var(--spacing-large);border-radius:var(--border-radius-small);width:90%;max-width:600px;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--primary-color);padding-bottom:var(--spacing-medium);margin-bottom:var(--spacing-medium)}.modal-body{margin-bottom:var(--spacing-large)}.treatment-category{margin-bottom:var(--spacing-medium)}.treatment-category h4{color:var(--primary-color);margin-bottom:var(--spacing-small)}.treatment-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-small)}.modal-footer{text-align:right}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--color-background-secondary);padding:2rem;border-radius:var(--border-radius);max-width:600px;width:90%;box-shadow:0 4px 10px #0003;text-align:center;border:1px solid var(--color-border);color:var(--color-text-primary)}.session-setup-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background-color:var(--color-background-secondary);color:var(--color-text-primary)}.session-setup-header{text-align:center;margin-bottom:3rem;position:relative}.session-setup-header h1{font-size:3rem;margin-bottom:.5rem;font-weight:700;color:var(--color-interactive);text-shadow:2px 2px 4px rgba(0,0,0,.3)}.session-setup-header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:600;color:var(--color-interactive);text-shadow:2px 2px 4px rgba(0,0,0,.3)}.session-setup-header p{font-size:1.2rem;opacity:.9;margin:0;color:var(--color-text-primary)}.back-button{position:absolute;top:0;left:0;background-color:var(--color-border);border:1px solid var(--color-background-secondary);color:var(--color-text-primary);padding:.5rem 1rem;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;transition:all .3s ease}.back-button:hover{background-color:var(--color-background-secondary);transform:translate(-2px)}.mode-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;width:100%}.mode-option{background-color:var(--color-background-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease}.mode-option:hover{background-color:var(--color-border);transform:translateY(-5px);box-shadow:0 10px 30px #0003}.mode-icon{font-size:3rem;margin-bottom:1rem}.mode-option h3{font-size:1.5rem;margin-bottom:1rem;font-weight:600;color:var(--color-interactive)}.mode-option p{font-size:1rem;opacity:.9;margin-bottom:1.5rem;line-height:1.4;color:var(--color-text-primary)}.mode-features{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;opacity:.8;color:var(--color-text-primary)}.mode-features span{text-align:left}.session-form{background-color:var(--color-background-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:2rem;width:100%;max-width:500px}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;font-size:1rem;color:var(--color-text-primary)}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-background-secondary);color:var(--color-text-primary);font-size:1rem;transition:all .3s ease;box-sizing:border-box}.form-group input::placeholder{color:var(--color-text-muted)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-interactive);background-color:var(--color-border)}.form-group small{display:block;margin-top:.5rem;font-size:.8rem;opacity:.7;color:var(--color-text-muted)}.auth-notice{background-color:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:var(--border-radius);padding:1rem;margin-bottom:1.5rem;text-align:center}.auth-notice p{margin:0;color:var(--warning-color);font-weight:500}.error-message{background-color:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:var(--border-radius);padding:1rem;margin-bottom:1.5rem;text-align:center;color:var(--error-color);font-weight:500}.primary-button{width:100%;padding:1rem 2rem;background-color:var(--primary-color);border:none;border-radius:var(--border-radius);color:var(--color-text-primary);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.primary-button:hover:not(:disabled){background-color:var(--color-interactive-hover);transform:translateY(-2px);box-shadow:0 8px 25px #007acc4d}.primary-button:disabled{opacity:.6;cursor:not-allowed;transform:none;background-color:var(--color-border)}@media (max-width: 768px){.session-setup-container{padding:1rem}.session-setup-header h1{font-size:2rem}.session-setup-header h2{font-size:1.8rem}.mode-options{grid-template-columns:1fr;gap:1rem}.mode-option,.session-form{padding:1.5rem}.back-button{position:static;margin-bottom:1rem;width:auto}}.lobby-container{min-height:100vh;background-color:var(--color-background-secondary);color:var(--color-text-primary);padding:2rem}.lobby-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;background-color:var(--color-background-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:2rem}.session-info h1{font-size:2.5rem;margin-bottom:1rem;font-weight:700;color:var(--color-interactive);text-shadow:2px 2px 4px rgba(0,0,0,.3)}.session-details{display:flex;gap:2rem;flex-wrap:wrap}.session-code{display:flex;flex-direction:column;gap:.5rem}.session-code span{font-size:1rem;opacity:.9;color:var(--color-text-primary)}.clickable-code{background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:.5rem 1rem;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .3s ease;letter-spacing:2px;color:var(--color-interactive)}.clickable-code:hover{background-color:var(--color-border);transform:scale(1.05)}.session-code small{font-size:.8rem;opacity:.7;color:var(--color-text-muted)}.scenario-info{display:flex;flex-direction:column;gap:.5rem}.scenario-info span{font-size:1rem;opacity:.9;color:var(--color-text-primary)}.scenario-info strong{font-size:1.1rem;font-weight:600;color:var(--color-interactive)}.lobby-actions{display:flex;flex-direction:column;gap:1rem;align-items:flex-end}.start-button{background-color:var(--success-color);border:none;border-radius:var(--border-radius);color:var(--color-text-primary);padding:1rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;min-width:180px}.start-button:hover:not(:disabled){background-color:var(--success-color);transform:translateY(-2px);box-shadow:0 8px 25px #5cb85c4d}.start-button:disabled{opacity:.6;cursor:not-allowed;transform:none;background-color:var(--color-border)}.leave-button{background-color:var(--error-color);border:1px solid var(--error-color);border-radius:var(--border-radius);color:var(--color-text-primary);padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;transition:all .3s ease;min-width:180px}.leave-button:hover{background-color:var(--error-color);transform:translateY(-2px)}.waiting-message{background-color:#f0ad4e1a;border:1px solid rgba(240,173,78,.3);border-radius:var(--border-radius);padding:1rem;text-align:center;color:var(--warning-color);font-weight:500;min-width:180px}.lobby-content{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.participants-section{background-color:var(--color-background-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:2rem}.participants-section h2{font-size:1.8rem;margin-bottom:1.5rem;font-weight:600;color:var(--color-interactive)}.participants-grid{display:flex;flex-direction:column;gap:1rem}.participant-card{background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1.5rem;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.participant-card:hover{background-color:var(--color-border);transform:translateY(-2px)}.participant-info{display:flex;align-items:center;gap:1rem}.participant-avatar{width:3rem;height:3rem;background-color:var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.participant-details{display:flex;flex-direction:column;gap:.25rem}.participant-name{font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;color:var(--color-text-primary)}.leader-badge{background-color:var(--warning-color);color:#000;font-size:.7rem;padding:.2rem .5rem;border-radius:var(--border-radius-small);font-weight:700;text-transform:uppercase}.participant-email{font-size:.9rem;opacity:.8;color:var(--color-text-muted)}.role-section{min-width:200px}.role-selector{width:100%;padding:.5rem;border:2px solid;border-radius:var(--border-radius);background-color:var(--color-background-secondary);color:var(--color-text-primary);font-size:1rem;cursor:pointer;transition:all .3s ease}.role-selector:focus{outline:none;background-color:var(--color-border)}.role-display{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:2px solid;border-radius:var(--border-radius);background-color:var(--color-border);font-weight:600;color:var(--color-text-primary)}.role-icon{font-size:1.2rem}.role-title{font-size:1rem}.roles-guide{background-color:var(--color-background-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:2rem;height:fit-content}.roles-guide h2{font-size:1.8rem;margin-bottom:1.5rem;font-weight:600;color:var(--color-interactive)}.roles-grid{display:flex;flex-direction:column;gap:1rem}.role-card{background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-left:4px solid;border-radius:var(--border-radius);padding:1rem;transition:all .3s ease}.role-card:hover{background-color:var(--color-border);transform:translateY(-2px)}.role-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.role-header .role-icon{font-size:1.2rem}.role-header .role-title{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.role-description{font-size:.9rem;opacity:.9;line-height:1.4;margin:0;color:var(--color-text-muted)}.lobby-notice{background-color:#f0ad4e1a;border:1px solid rgba(240,173,78,.3);border-radius:var(--border-radius);padding:1.5rem;margin-top:2rem;text-align:center}.lobby-notice p{margin:.5rem 0;color:var(--warning-color);font-weight:500}.lobby-error{background-color:var(--color-background-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:3rem;text-align:center;max-width:500px;margin:0 auto;margin-top:10vh}.lobby-error h2{font-size:2rem;margin-bottom:1rem;color:var(--error-color)}.lobby-error p{font-size:1.1rem;margin-bottom:2rem;opacity:.9;color:var(--color-text-primary)}.secondary-button{background-color:var(--color-border);border:1px solid var(--color-background-secondary);border-radius:var(--border-radius);color:var(--color-text-primary);padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;transition:all .3s ease}.secondary-button:hover{background-color:var(--color-background-secondary);transform:translateY(-2px)}@media (max-width: 1024px){.lobby-content{grid-template-columns:1fr}}@media (max-width: 768px){.lobby-container{padding:1rem}.lobby-header{flex-direction:column;gap:2rem;align-items:stretch}.session-details{flex-direction:column;gap:1rem}.lobby-actions{flex-direction:row;justify-content:space-between;align-items:center}.participant-card{flex-direction:column;gap:1rem;text-align:center}.role-section{min-width:auto;width:100%}}.category-assignment{margin-top:1rem;padding:.75rem;background-color:var(--color-background-secondary);border-radius:var(--border-radius);border:1px solid var(--color-border)}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9rem;color:var(--color-text-primary)}.assign-categories-btn{background-color:var(--primary-color);border:none;border-radius:var(--border-radius-small);color:var(--color-text-primary);padding:.25rem .5rem;font-size:.8rem;cursor:pointer;transition:all .2s ease}.assign-categories-btn:hover{background-color:var(--color-interactive-hover);transform:translateY(-1px)}.assigned-categories{display:flex;flex-wrap:wrap;gap:.25rem}.category-tag{padding:.2rem .5rem;border-radius:var(--border-radius-small);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.category-urgent{background-color:var(--error-color);color:#fff}.category-priority{background-color:var(--warning-color);color:#000}.category-routine{background-color:var(--success-color);color:#fff}.category-expectant{background-color:var(--color-border);color:#fff}.no-categories{font-size:.8rem;font-style:italic;opacity:.7;color:var(--color-text-muted)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:var(--color-background-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius);width:90%;max-width:500px;max-height:90vh;overflow:auto;color:var(--color-text-primary);box-shadow:0 20px 50px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-border)}.modal-header h3{margin:0;font-size:1.2rem;font-weight:600;color:var(--color-interactive)}.close-btn{background:none;border:none;color:var(--color-text-primary);font-size:1.5rem;cursor:pointer;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-small);transition:background .2s ease}.close-btn:hover{background-color:var(--color-border)}.modal-body{padding:1.5rem}.category-selection{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.category-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:var(--border-radius);transition:background .2s ease}.category-checkbox:hover{background-color:var(--color-background-secondary)}.category-checkbox input[type=checkbox]{width:1.2rem;height:1.2rem;cursor:pointer}.category-label{font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.5rem 1rem;border-radius:var(--border-radius);min-width:100px;text-align:center}.assignment-note{background-color:#f0ad4e1a;border:1px solid rgba(240,173,78,.3);border-radius:var(--border-radius);padding:1rem;margin-top:1rem}.assignment-note p{margin:0;font-size:.9rem;color:var(--warning-color)}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--color-border)}.btn{border:none;border-radius:var(--border-radius);padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background-color:var(--primary-color);color:var(--color-text-primary)}.btn-primary:hover{background-color:var(--color-interactive-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover{background-color:var(--color-background-secondary);transform:translateY(-1px)}.help-overlay{position:fixed;inset:0;background:#0006;z-index:10000;display:flex;align-items:stretch;justify-content:center}.help-container{background:#111827;color:#e5e7eb;width:min(1100px,96vw);height:min(90vh,900px);margin:auto;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000080;display:grid;grid-template-columns:280px 1fr}.help-nav{background:#0b1220;border-right:1px solid #1f2937;overflow-y:auto}.help-nav-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;font-weight:600;border-bottom:1px solid #1f2937}.help-close{background:transparent;color:#9ca3af;border:none;font-size:16px;cursor:pointer}.help-close:hover{color:#e5e7eb}.help-nav-list{list-style:none;padding:8px;margin:0}.help-nav-item{width:100%;text-align:left;padding:8px 10px;border-radius:6px;border:none;background:transparent;color:#cbd5e1;cursor:pointer}.help-nav-item:hover{background:#1f2937}.help-nav-item.active{background:#1f2937;color:#fff}.help-content{padding:16px 20px;overflow-y:auto}.help-title{margin-top:2px}.help-section{margin:12px 0}.help-section h3{margin:10px 0 6px}.help-section p{line-height:1.5;margin:6px 0}.help-section ul{padding-left:18px}.help-footer{display:flex;justify-content:flex-end;padding:12px 0 0;border-top:1px solid #1f2937}.help-primary{background:#2563eb;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer}.help-primary:hover{background:#1d4ed8}@media (max-width: 900px){.help-container{width:96vw;height:92vh;grid-template-columns:1fr}.help-nav{display:none}}.help-fab{position:fixed;right:14px;bottom:14px;width:46px;height:46px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;border:none;box-shadow:0 6px 16px #00000059;cursor:pointer;z-index:9999}.help-fab:hover{background:#1d4ed8}
