body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}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);box-shadow:0 2px 4px #0000001a;margin-bottom:var(--spacing-medium)}.card-header{border-bottom:1px solid var(--color-border);padding:var(--spacing-medium)}.card-header h2{color:var(--color-text-primary);margin:0}.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{border-radius:var(--border-radius);margin-bottom:var(--spacing-small);padding:var(--spacing-small)}.card-body li,.form-select{background-color:var(--color-background-tertiary)}.form-select{border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);padding:.5rem}.scenario-selector{margin-bottom:1rem}.scenario-selector label{margin-right:.5rem}.scenario-selector select{background-color:var(--color-background-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);padding:.5rem}.category-assignment-indicator{background:linear-gradient(135deg,#007bff1a,#667eea1a);border:1px solid #007bff33;border-radius:8px;box-shadow:0 2px 8px #007bff1a;margin-bottom:1rem;padding:1rem}.indicator-header{align-items:center;color:var(--color-text-primary);display:flex;font-weight:600;gap:.5rem;margin-bottom:.75rem}.indicator-icon{font-size:1.2rem}.assigned-categories-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.category-badge{border-radius:6px;box-shadow:0 1px 3px #0003;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase}.category-urgent{background:var(--error-color)}.category-priority{background:var(--warning-color);color:#fff}.category-routine{background:var(--success-color)}.category-expectant{background:var(--color-text-muted)}.category-non-urgent{background:var(--primary-color);color:#fff}.indicator-note{color:var(--color-text-secondary);font-size:.85rem;font-style:italic;opacity:.8}.app-container{background-color:var(--background-color);color:var(--text-color);display:grid;grid-template-areas:"header header" "sidebar main";grid-template-columns:250px 1fr;grid-template-rows:auto 1fr;height:100vh}.header-bar{border-bottom:1px solid var(--secondary-color);grid-area:header}.header-bar,.sidebar{background-color:var(--color-background-secondary);padding:var(--spacing-medium)}.sidebar{grid-area:sidebar;overflow-y:auto}.main-content{grid-area:main;overflow-y:auto;padding:var(--spacing-medium)}.app-container.editor-layout{grid-template-areas:"header" "main";grid-template-columns:1fr}.app-container.editor-layout .main-content{grid-area:main;overflow-y:auto;padding:var(--spacing-medium)}.app-container.full-layout{grid-template-areas:"main";grid-template-columns:1fr;grid-template-rows:1fr}.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:0.5rem;--spacing-medium:1rem;--spacing-large:1.5rem;--border-radius:8px;--border-radius-small:4px}.aidbag-snapshot div{pointer-events:auto}body{background-color:var(--color-background-primary);color:var(--color-text-secondary);font-family:Segoe UI,Arial,sans-serif;margin:0}.modal-content{border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:800px;overflow:hidden;padding:0}.resupply-modal{color:var(--color-text-secondary)}.modal-header{background-color:var(--color-background-tertiary);border-bottom:1px solid var(--color-border-light);padding:1rem 1.5rem}.modal-header h3{color:var(--color-text-primary)}.modal-close{align-items:center;background:none;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;width:30px}.modal-close:hover{color:var(--color-text-primary)}.modal-tabs{background-color:var(--color-background-tertiary);border-bottom:1px solid var(--color-border-light);display:flex}.tab-button{color:var(--color-text-muted);font-weight:500;padding:.75rem 1rem;transition:all .2s}.tab-button:hover{background-color:var(--color-border-light)}.tab-button.active{border-bottom:2px solid var(--primary-color);color:var(--color-text-primary)}.modal-body{max-height:60vh;overflow-y:auto}.alert{border-radius:4px;margin-bottom:1rem;padding:.75rem 1rem}.alert-warning{background-color:var(--warning-color);border:1px solid var(--warning-color);color:var(--color-text-primary)}.packs-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:1rem 0}.pack-card{background-color:var(--color-background-primary);border:2px solid var(--color-border);border-radius:6px;cursor:pointer;padding:1rem;transition:all .2s}.pack-card.selected,.pack-card:hover{border-color:var(--primary-color)}.pack-card.selected{background-color:var(--primary-color)}.pack-card h4{color:var(--color-text-primary);margin:0 0 .5rem}.pack-description{color:var(--color-text-muted);font-size:.9rem;margin:0 0 1rem}.pack-contents{font-size:.8rem}.pack-contents strong,.pack-contents ul{color:var(--color-text-primary)}.pack-contents ul{margin:.5rem 0 0;padding-left:1rem}.pack-contents li{margin:.2rem 0}.items-list{border:1px solid var(--color-border);border-radius:4px;margin:1rem 0;max-height:300px;overflow-y:auto}.item-row{align-items:center;border-bottom:1px solid var(--color-background-secondary);display:flex;justify-content:space-between;padding:.5rem 1rem}.item-row:last-child{border-bottom:none}.item-name{color:var(--color-text-primary);flex:1 1;font-size:.9rem}.quantity-controls{align-items:center;display:flex;gap:.5rem}.quantity-controls button{align-items:center;background-color:var(--color-background-tertiary);border:none;border-radius:4px;color:var(--color-text-primary);cursor:pointer;display:flex;font-weight:700;height:30px;justify-content:center;width:30px}.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{color:var(--color-text-primary);font-weight:700;min-width:20px;text-align:center}.modal-actions{border-top:1px solid var(--color-border);display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.btn-disabled{cursor:not-allowed!important;opacity:.6}.btn-disabled,.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{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 2fr}.aidbag,.event-log,.grid{width:100%}.casualty-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));width:100%}.casualty-card{background:var(--color-background-primary);border:2px solid var(--color-interactive);border-radius:6px;box-shadow:1px 1px 4px #0000004d;padding:10px}.casualty-card h4{margin:4px 0}table{background:var(--color-background-secondary);border-collapse:collapse;color:var(--color-text-secondary);margin-top:20px;width:100%}table,td,th{border:1px solid var(--color-border)}td,th{padding:8px 10px;text-align:left}th{background-color:var(--color-background-tertiary)}.event-log{max-height:200px;overflow-y:auto}.sidebar-instructor-controls{display:flex;flex-direction:column;gap:8px;margin-top:20px}.page{width:100%}.sidebar-notifications{font-size:14px;margin-top:20px}.sidebar-notifications ul{list-style:none;max-height:200px;overflow-y:auto;padding-left:0}.locked-aidbag{font-size:14px;margin-top:20px}.locked-aidbag ul{list-style:none;max-height:300px;overflow-y:auto;padding-left:0}.sidebar-resupply{margin-top:10px}.casualty-card{background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 2px 6px #0003;color:var(--color-text-secondary);padding:12px;transition:transform .2s ease,box-shadow .2s ease}.casualty-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-4px)}@keyframes flashYellow{0%,to{border-color:var(--color-interactive)}50%{border-color:#ff0}}.casualty-card.deteriorated{animation:flashYellow 1s infinite}.casualty-card h3{color:var(--warning-color);font-size:22px;margin:0 0 6px}.casualty-card h4{color:var(--color-interactive);font-size:14px;margin:12px 0 4px}.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{font-size:16px;margin:5px;padding:10px 15px;text-align:center;transition:background-color .3s ease,transform .2s ease}.btn-primary{background-color:var(--color-interactive)}.btn-primary:hover{background-color:var(--primary-color);transform:translateY(-2px)}.btn-secondary{color:#fff}.btn-secondary,.btn-secondary:hover{background-color:var(--secondary-color)}.btn-secondary:hover{transform:translateY(-2px)}.btn-important{background-color:var(--success-color);color:var(--color-text-primary)}.btn-important:hover{background-color:var(--warning-color)}.btn-danger:hover,.btn-important:hover{transform:translateY(-2px)}.ErrorBoundary_errorBoundary__Lgcta{align-items:center;background:#000000d9;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:10000}.ErrorBoundary_errorContainer__oncT2{background:var(--color-text-primary);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:3rem;text-align:center;width:100%}.ErrorBoundary_errorIcon__17Nx3{display:block;font-size:4rem;margin-bottom:1.5rem}.ErrorBoundary_errorTitle__pSrMx{color:var(--error-color);font-size:1.75rem;font-weight:600;line-height:1.3;margin-bottom:1rem}.ErrorBoundary_errorMessage__Ioeu\+{color:var(--color-background-secondary);font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.ErrorBoundary_errorDetails__vCcgF{background:var(--color-background-primary);border:1px solid var(--color-border);border-radius:6px;margin:2rem 0;text-align:left}.ErrorBoundary_errorDetails__vCcgF summary{background:var(--color-background-secondary);border-radius:6px 6px 0 0;color:var(--color-text-secondary);cursor:pointer;font-weight:500;padding:1rem}.ErrorBoundary_errorDetails__vCcgF summary:hover{background:var(--color-border)}.ErrorBoundary_errorStack__CwpKh{background:var(--color-background-primary);color:var(--color-background-secondary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;margin:0;overflow-x:auto;padding:1rem;white-space:pre-wrap;word-break:break-word}.ErrorBoundary_errorActions__\+PHBj{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.ErrorBoundary_button__Z716G{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;min-width:160px;padding:.75rem 1.5rem;text-align:center;transition:all .2s ease}.ErrorBoundary_primaryButton__Ki5NM{background:var(--primary-color);color:#fff}.ErrorBoundary_primaryButton__Ki5NM:hover{background:var(--color-interactive-hover);box-shadow:0 4px 12px #3182ce4d;transform:translateY(-1px)}.ErrorBoundary_secondaryButton__sQ74e{background:var(--color-border-light);color:#fff}.ErrorBoundary_secondaryButton__sQ74e:hover{background:var(--color-border);box-shadow:0 4px 12px #7180964d;transform:translateY(-1px)}.ErrorBoundary_tertiaryButton__UcSky{background:#0000;border:1px solid var(--color-border);color:var(--color-text-secondary)}.ErrorBoundary_tertiaryButton__UcSky:hover{background:var(--color-background-primary);border-color:var(--color-border-light);transform:translateY(-1px)}.ErrorBoundary_errorId__uKTVE{background:var(--color-background-primary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-muted);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;margin:2rem 0 1rem;padding:.5rem}.ErrorBoundary_helpText__RhaSf{color:var(--color-text-muted);font-size:.9375rem;line-height:1.5;margin-top:2rem}@media (max-width:640px){.ErrorBoundary_errorBoundary__Lgcta{padding:1rem}.ErrorBoundary_errorContainer__oncT2{max-height:95vh;padding:2rem}.ErrorBoundary_errorTitle__pSrMx{font-size:1.5rem}.ErrorBoundary_errorMessage__Ioeu\+{font-size:1rem}.ErrorBoundary_errorActions__\+PHBj{gap:.75rem}.ErrorBoundary_button__Z716G{font-size:.9375rem;min-width:140px}.ErrorBoundary_errorIcon__17Nx3{font-size:3rem}}@media (prefers-color-scheme:dark){.ErrorBoundary_errorContainer__oncT2{background:var(--color-background-primary);color:var(--color-text-secondary)}.ErrorBoundary_errorTitle__pSrMx{color:var(--error-color)}.ErrorBoundary_errorMessage__Ioeu\+{color:var(--color-text-secondary)}.ErrorBoundary_errorDetails__vCcgF{background:var(--color-background-secondary);border-color:var(--color-background-secondary)}.ErrorBoundary_errorDetails__vCcgF summary{background:var(--color-border);color:var(--color-text-secondary)}.ErrorBoundary_errorDetails__vCcgF summary:hover{background:var(--color-border-light)}.ErrorBoundary_errorStack__CwpKh{background:var(--color-background-secondary);color:var(--color-text-secondary)}.ErrorBoundary_errorId__uKTVE{background:var(--color-background-secondary);border-color:var(--color-border);color:var(--color-text-muted)}.ErrorBoundary_helpText__RhaSf{color:var(--color-text-muted)}.ErrorBoundary_tertiaryButton__UcSky{border-color:var(--color-border);color:var(--color-text-muted)}.ErrorBoundary_tertiaryButton__UcSky:hover{background:var(--color-background-secondary);border-color:var(--color-border-light)}}.ErrorBoundary_errorContainer__oncT2{animation:ErrorBoundary_errorBoundaryFadeIn__6P\+G\+ .3s ease-out}@keyframes ErrorBoundary_errorBoundaryFadeIn__6P\+G\+{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ErrorBoundary_button__Z716G:focus,.ErrorBoundary_errorDetails__vCcgF summary:focus{outline:2px solid var(--primary-color);outline-offset:2px}.setup-phase-container{align-items:stretch;display:flex;flex-wrap:wrap;gap:var(--spacing-large);justify-content:space-between;min-height:calc(100vh - 100px);padding:var(--spacing-large)}.setup-options{flex:2 1;flex-direction:column}.setup-image,.setup-options{display:flex;justify-content:center;min-width:300px}.setup-image{align-items:center;flex:1 1}.setup-image img{border-radius:8px;box-shadow:0 4px 12px #0000004d;height:auto;max-height:500px;max-width:100%;object-fit:contain}.slider-container{margin-bottom:1rem}.slider{-webkit-appearance:none;background:var(--color-border);border-radius:5px;height:15px;opacity:.7;outline:none;transition:opacity .2s;width:100%}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-interactive);border-radius:50%;cursor:pointer;height:25px;width:25px}.slider::-moz-range-thumb{background:var(--color-interactive);border-radius:50%;cursor:pointer;height:25px;width:25px}.contact-info-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1001}.contact-info-container{max-width:90%;width:500px}.contact-info-container .card-header{align-items:center;display:flex;justify-content:space-between}.contact-info-container .card-header h2{margin:0}.contact-info-container a{color:var(--color-interactive)}.number-spinner{margin:8px 0;margin:var(--spacing-small,8px) 0}.number-spinner__label{color:#333;color:var(--text-primary,#333);display:block;font-size:14px;font-weight:600;margin-bottom:4px;margin-bottom:var(--spacing-xs,4px)}.number-spinner__controls{align-items:center;background-color:var(--color-text-primary);border:2px solid var(--color-border);border-radius:4px;border-radius:var(--border-radius,4px);display:flex;max-width:200px;overflow:hidden}.number-spinner__button{align-items:center;background-color:var(--color-background-secondary);border:none;color:var(--color-background-primary);cursor:pointer;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;outline:none;transition:background-color .2s ease;-webkit-user-select:none;user-select:none;width:40px}.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,.number-spinner__button:active:not(:disabled){background-color:var(--primary-color);color:var(--color-text-primary)}.number-spinner__button:disabled{background-color:var(--color-background-secondary);color:var(--color-text-muted);cursor:not-allowed;opacity:.4}.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{background-color:var(--color-text-primary);border:none;color:var(--color-background-primary);flex:1 1;font-size:16px;font-weight:600;min-width:60px;outline:none;padding:8px 4px;padding:var(--spacing-small,8px) var(--spacing-xs,4px);text-align:center;width:80px}.number-spinner__input:focus{background-color:var(--color-background-secondary);box-shadow:inset 0 0 0 2px #007bff40}.number-spinner__input:disabled{background-color:var(--color-background-secondary);color:var(--color-text-muted);cursor:not-allowed;opacity:.6}.number-spinner__input::-webkit-inner-spin-button,.number-spinner__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-spinner__input[type=number]{-moz-appearance:textfield}.number-spinner__range{color:var(--color-text-muted);font-size:11px;margin-top:4px;margin-top:var(--spacing-xs,4px);text-align:center}@media (max-width:768px){.number-spinner__controls{max-width:100%}.number-spinner__button{font-size:20px;height:44px;width:50px}.number-spinner__input{font-size:18px;padding:8px;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{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.feedback-modal{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 10px 25px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.feedback-header{background-color:var(--color-background-tertiary);border-bottom:1px solid var(--color-border);padding:1.5rem 2rem}.feedback-header h3{color:var(--color-text-primary);margin:0}.close-btn{border-radius:50%;padding:0;transition:background-color .2s}.close-btn:hover,.signin-prompt{background-color:var(--color-background-primary)}.signin-prompt{border-bottom:1px solid var(--color-border);padding:1.5rem 2rem;text-align:center}.signin-prompt p{color:var(--color-text-secondary);margin:0 0 1rem}.signin-prompt .btn{margin:0 0 1rem}.or-continue{color:var(--color-text-muted);font-size:.875rem;font-style:italic}.feedback-form{padding:2rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff1a;outline:none}.form-group textarea{font-family:inherit;min-height:120px}.char-count{color:var(--color-text-muted);font-size:.875rem;margin-top:.25rem;text-align:right}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex!important;gap:.75rem;margin-bottom:0!important}.checkbox-label input[type=checkbox]{flex-shrink:0;margin:.125rem 0 0;width:auto!important}.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{border-top:1px solid var(--color-border);margin-top:2rem;padding-top:1rem}.form-actions .btn{border:1px solid #0000;border-radius:4px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s}.btn-outline{border-color:var(--color-border)}.btn-outline:hover:not(:disabled){background-color:var(--color-background-tertiary);border-color:var(--color-border-light)}.btn-primary{border-color:var(--primary-color)}.btn-primary:hover:not(:disabled){border-color:var(--color-interactive-hover)}.feedback-guidelines{background-color:var(--color-background-primary);border-top:1px solid var(--color-border);padding:0 2rem 2rem}.feedback-guidelines h4{color:var(--color-text-primary);font-size:1rem;margin:0 0 1rem}.feedback-guidelines ul{margin:0;padding-left:1.5rem}.feedback-guidelines li{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:.5rem}.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{color:var(--success-color);font-size:3rem;font-weight:700}@media (max-width:768px){.feedback-modal{margin:1rem;width:95%}.feedback-form,.feedback-guidelines,.feedback-header{padding:1rem}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.setup-screen{grid-gap:2rem;background-color:var(--background-color);display:grid;gap:2rem;grid-template-columns:2fr 1fr;min-height:100vh;padding:2rem}.scenario-selector-buttons{margin:8px 0;margin:var(--spacing-small,8px) 0}.scenario-selector__label{color:#333;color:var(--text-primary,#333);display:block;font-size:16px;font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-small,8px)}.scenario-selector__options{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-small,8px)}.scenario-selector__button{align-items:center;background-color:var(--color-text-primary);border:2px solid var(--color-border);border-radius:6px;border-radius:var(--border-radius,6px);color:var(--color-background-primary);cursor:pointer;display:flex;justify-content:space-between;min-height:60px;outline:none;padding:12px;padding:var(--spacing-medium,12px);position:relative;text-align:left;transition:all .2s ease}.scenario-selector__button:hover:not(:disabled){background-color:var(--color-background-secondary);border-color:var(--primary-color);box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.scenario-selector__button:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff40}.scenario-selector__button:active:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.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{background-color:var(--color-background-secondary);color:var(--color-text-muted);cursor:not-allowed;opacity:.6}.scenario-selector__button-content{display:flex;flex:1 1;flex-direction:column;gap:4px;gap:var(--spacing-xs,4px)}.scenario-selector__button-content h4{color:inherit;font-size:16px;font-weight:600;margin:0}.scenario-selector__button-content p{color:var(--color-text-muted);font-size:14px;line-height:1.3;margin:0}.scenario-selector__button--selected .scenario-selector__button-content p{color:var(--primary-color)}.scenario-selector__button-content small{color:var(--color-text-muted);font-size:12px;font-style:italic}.scenario-selector__button--selected .scenario-selector__button-content small{color:var(--primary-color)}.scenario-selector__checkmark{align-items:center;background-color:var(--primary-color);border-radius:50%;color:var(--color-text-primary);display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;margin-left:8px;margin-left:var(--spacing-small,8px);width:24px}.scenario-selector__empty{background-color:var(--color-background-secondary);border:1px dashed var(--color-border);border-radius:6px;border-radius:var(--border-radius,6px);color:var(--color-text-muted);font-style:italic;padding:12px;padding:var(--spacing-medium,12px);text-align:center}@media (max-width:768px){.scenario-selector__button{min-height:80px;padding:12px;padding:var(--spacing-medium,12px)}.scenario-selector__button-content h4{font-size:18px}.scenario-selector__button-content p{font-size:16px}.scenario-selector__checkmark{font-size:16px;height:28px;width:28px}}@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{box-sizing:border-box;contain:layout;overflow:visible;position:relative;width:100%}.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 #ff0}.casualty-card.triage-expectant{border-left:5px solid #000}.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 #ff0}.triage-badge{border-radius:4px;color:#fff;display:inline-block;font-size:.9em;font-weight:700;padding:4px 8px}.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{grid-gap:8px;box-sizing:border-box;display:grid;gap:8px;grid-template-columns:1fr 1fr;list-style:none;margin:12px 0;max-width:100%;padding:0;position:relative;width:100%}.casualty-card .vitals-grid .btn,.casualty-card .vitals-grid li{box-sizing:border-box;display:flex;width:100%}.casualty-card .vitals-grid .btn{word-wrap:break-word;align-items:center;font-size:11px;height:auto;justify-content:center;line-height:1.3;max-width:100%;min-height:36px;overflow-wrap:break-word;padding:8px 4px;position:relative;text-align:center;white-space:normal}@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{gap:8px;grid-template-columns:1fr}.intervention-failed{color:#e53e3e;font-weight:700}.intervention-partial{color:#dd6b20;font-weight:700}.intervention-success{color:#38a169}.triage-selector{margin:8px 0;margin:var(--spacing-small,8px) 0}.triage-selector__label{color:#f7fafc;color:var(--color-text-primary,#f7fafc);display:block;font-size:14px;font-weight:600}.triage-selector__buttons,.triage-selector__label{margin-bottom:4px;margin-bottom:var(--spacing-xs,4px)}.triage-selector__buttons{display:flex;flex-wrap:wrap;gap:4px;gap:var(--spacing-xs,4px)}.triage-selector__button{background-color:#2d3748;background-color:var(--color-background-secondary,#2d3748);border:2px solid #4a5568;border:2px solid var(--color-border,#4a5568);border-radius:4px;border-radius:var(--border-radius,4px);color:#f7fafc;color:var(--color-text-primary,#f7fafc);cursor:pointer;flex:1 1;font-size:12px;font-weight:500;min-width:70px;outline:none;padding:4px 8px;padding:var(--spacing-xs,4px) var(--spacing-small,8px);position:relative;text-align:center;transition:all .2s ease}.triage-selector__button:hover:not(:disabled){background-color:#4a5568;background-color:var(--color-background-tertiary,#4a5568);border-color:#007bff;border-color:var(--triage-color,#007bff);box-shadow:0 2px 4px #0000004d;transform:translateY(-1px)}.triage-selector__button:focus{border-color:#007bff;border-color:var(--triage-color,#007bff);box-shadow:0 0 0 3px #007bff40}.triage-selector__button:active:not(:disabled){box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.triage-selector__button--selected{background-color:#007bff;background-color:var(--triage-color,#007bff);border-color:#007bff;border-color:var(--triage-color,#007bff);color:var(--color-text-primary);font-weight:600}.triage-selector__button--selected:after{align-items:center;background-color:#1a202c;background-color:var(--color-background-primary,#1a202c);border-radius:50%;color:#007bff;color:var(--triage-color,#007bff);content:"✓";display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;position:absolute;right:-2px;top:-2px;width:16px}.triage-selector__button:disabled{background-color:#4a5568;background-color:var(--color-background-tertiary,#4a5568);color:#a0aec0;color:var(--color-text-muted,#a0aec0);cursor:not-allowed;opacity:.6}.triage-selector__placeholder{color:#a0aec0;color:var(--color-text-muted,#a0aec0);font-size:11px;font-style:italic;padding:4px;padding:var(--spacing-xs,4px);text-align:center}@media (max-width:768px){.triage-selector__buttons{flex-direction:column}.triage-selector__button{font-size:14px;min-width:0;min-width:auto;padding:8px;padding:var(--spacing-small,8px);width:100%}}@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;border:2px solid #4299e1!important;box-shadow:0 0 0 0 #4299e1b3}@keyframes tutorialPulse{0%{box-shadow:0 0 0 0 #4299e1b3;transform:scale(1)}70%{box-shadow:0 0 0 10px #4299e100;transform:scale(1.02)}to{box-shadow:0 0 0 0 #4299e100;transform:scale(1)}}.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{filter:grayscale(50%);opacity:.5;pointer-events:none;position:relative}.tutorial-disabled:before{background:#0000001a;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.tutorial-tooltip{animation:tutorialTooltipFadeIn .3s ease-in;background:#4a90e2;border-radius:6px;box-shadow:0 2px 8px #0000004d;color:#fff;font-size:12px;padding:8px 12px;position:absolute;white-space:nowrap;z-index:1000}.tutorial-tooltip:before{border-left:6px solid #0000;border-right:6px solid #0000;content:"";height:0;position:absolute;width:0}.tutorial-tooltip.tooltip-bottom:before{border-bottom:6px solid #4a90e2;left:50%;top:-6px;transform:translateX(-50%)}.tutorial-tooltip.tooltip-top:before{border-top:6px solid #4a90e2;bottom:-6px;left:50%;transform:translateX(-50%)}.tutorial-tooltip.tooltip-left:before{border-left:6px solid #4a90e2;right:-6px;top:50%;transform:translateY(-50%)}.tutorial-tooltip.tooltip-right:before{border-right:6px solid #4a90e2;left:-6px;top:50%;transform:translateY(-50%)}@keyframes tutorialTooltipFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tutorial-prevention-modal{align-items:center;animation:tutorialModalFadeIn .3s ease-out;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:300}.tutorial-prevention-content{animation:tutorialModalSlideIn .3s ease-out;background-color:#2d3748;border:2px solid #e53e3e;border-radius:12px;box-shadow:0 8px 32px #0006;color:#f7fafc;margin:1rem;max-width:500px;padding:2rem}.tutorial-prevention-content h3{align-items:center;color:#fed7d7;display:flex;font-size:1.5rem;gap:.5rem;margin:0 0 1rem}.tutorial-prevention-content p{color:#e2e8f0;line-height:1.6;margin:0 0 1.5rem}.tutorial-prevention-button{background-color:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 1.5rem;transition:background-color .2s ease}.tutorial-prevention-button:hover{background-color:#c53030}@keyframes tutorialModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tutorialModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.tutorial-prevention-content{margin:.5rem;padding:1.5rem}.tutorial-prevention-content h3{font-size:1.25rem}.tutorial-tooltip{font-size:11px;padding:6px 10px}}.ketamine-modal-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.ketamine-modal{background-color:var(--color-background-primary);border:2px solid var(--color-border);border-radius:8px;box-shadow:0 4px 20px #0000004d;color:var(--color-text-secondary);max-height:90vh;max-width:800px;min-width:600px;overflow-y:auto}.ketamine-modal-header{align-items:center;background-color:var(--color-background-secondary);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1rem 1.5rem}.ketamine-modal-header h3{color:var(--color-text-secondary);font-size:1.2rem;margin:0}.ketamine-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:background-color .2s ease;width:30px}.ketamine-modal-close:hover{background-color:var(--color-background-tertiary)}.ketamine-modal-patient{background-color:var(--color-background-secondary);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:1rem;padding:1rem 1.5rem}.ketamine-routes-container{grid-gap:1rem;display:grid;gap:1rem;padding:1.5rem}.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);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.ketamine-route-option.unavailable{background-color:var(--color-background-tertiary);border-color:var(--color-text-muted);opacity:.6}.route-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.route-header h4{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.route-dose{background-color:var(--color-interactive);border-radius:4px;color:#fff;font-size:.9rem;font-weight:700;padding:.25rem .5rem}.route-description{color:var(--color-text-secondary);font-style:italic;line-height:1.4;margin:.5rem 0}.route-effects,.route-requirements{color:var(--color-text-secondary);font-size:.9rem;margin:.5rem 0}.route-effects strong,.route-requirements strong{color:var(--color-interactive)}.route-select-btn{background-color:var(--color-interactive);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem;transition:background-color .2s ease;width:100%}.route-select-btn:hover{background-color:#357abd}.route-unavailable{margin-top:1rem;padding:.75rem;text-align:center}.unavailable-reason{color:var(--error-color);font-size:.9rem;font-weight:700}.ketamine-modal-actions{background-color:var(--color-background-secondary);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;padding:1rem 1.5rem}.ketamine-modal-actions .btn{border:1px solid var(--color-border);border-radius:6px;cursor:pointer;font-size:1rem;padding:.5rem 1.5rem}.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{margin:1rem;max-width:95%;min-width:90%}.ketamine-modal-header{padding:.75rem 1rem}.ketamine-modal-actions,.ketamine-modal-patient,.ketamine-routes-container{padding:1rem}.route-header{align-items:flex-start;flex-direction:column;gap:.5rem}}.AARPage_sectionHeader__wNdSC{font-size:1.25rem;font-weight:700;margin-top:1.5rem}.AARPage_instructorPrompt__f6J35{background-color:var(--color-background-primary);border-left:4px solid var(--primary-color);font-style:italic;margin:.5rem 0;padding:.5rem}.AARPage_vitalAbnormal__Ux\+3Y{color:var(--error-color);font-weight:700}.AARPage_treatmentMet__4dp\+W{color:var(--success-color)}.AARPage_treatmentMissed__G5wJI{color:var(--warning-color)}.AARPage_treatmentUnexpected__V84rt{color:var(--error-color)}.AARPage_treatmentFailed__9lJQy{border:1px solid var(--error-color);border-radius:3px;color:var(--error-color)}.AARPage_treatmentFailed__9lJQy,.AARPage_treatmentPartial__kvcoe{background-color:var(--color-background-tertiary);font-weight:700;padding:2px 4px}.AARPage_treatmentPartial__kvcoe{border:1px solid var(--warning-color);border-radius:3px;color:var(--warning-color)}.AARPage_treatmentRecommendedMissed__869yz{color:var(--color-text-muted);font-style:italic}.AARPage_aarPageContainer__384ed{font-family:Arial,sans-serif;padding:20px}.AARPage_aarTitle__RGsCT{color:var(--color-text-primary);font-size:1.75rem;margin-bottom:30px;text-align:center}.AARPage_casualtyCard__4FSM9{background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:15px}.AARPage_navigationControls__pLlYW{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end;margin-bottom:20px}.AARPage_backButton__Gzw2F{background-color:var(--color-border-light);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;margin-right:10px;padding:10px 15px;text-decoration:none;transition:background-color .2s ease-in-out}.AARPage_backButton__Gzw2F:hover{background-color:var(--color-border)}.AARPage_printButton__bN07E{background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 15px;transition:background-color .2s ease-in-out}.AARPage_printButton__bN07E:hover{background-color:var(--color-interactive-hover)}@media print{body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body *{visibility:hidden}.AARPage_container__n0LHl,.AARPage_container__n0LHl *{visibility:visible!important}body{background:#fff!important}.AARPage_container__n0LHl{background-color:#fff!important;border:none!important;box-shadow:none!important;left:0;margin:0;padding:20px;position:absolute;top:0;width:100%}.AARPage_btn__p7lgc{display:none!important}.AARPage_card__yAv8U,.AARPage_casualty-card__jD1-6{background-color:#fff!important;border:1px solid #ccc!important;box-shadow:none!important;margin-bottom:8px!important;padding:8px!important;page-break-inside:avoid}.AARPage_card__yAv8U .AARPage_aar-section-header__0oI5T,.AARPage_casualty-card__jD1-6 .AARPage_aar-section-header__0oI5T{border-bottom:1px solid #eee!important;font-size:.9em!important;margin-bottom:3px!important;margin-top:6px!important;padding-bottom:2px!important}.AARPage_card__yAv8U div:not(.AARPage_aar-section-header__0oI5T):not(.AARPage_instructor-prompt__OF178),.AARPage_card__yAv8U li,.AARPage_card__yAv8U p,.AARPage_casualty-card__jD1-6 div:not(.AARPage_aar-section-header__0oI5T):not(.AARPage_instructor-prompt__OF178),.AARPage_casualty-card__jD1-6 li,.AARPage_casualty-card__jD1-6 p{font-size:.75em!important;line-height:1.25!important;margin-bottom:1px!important;margin-top:1px!important;padding:0!important}.AARPage_card__yAv8U ol,.AARPage_card__yAv8U ul,.AARPage_casualty-card__jD1-6 ol,.AARPage_casualty-card__jD1-6 ul{margin-bottom:2px!important;margin-top:2px!important;padding-left:15px!important}.AARPage_aar-section-header__0oI5T,.AARPage_instructor-prompt__OF178,div,h1,h2,h3,h4,li,p,span,strong{background-color:initial!important;border-left-color:#000!important;color:#000!important}.AARPage_card__yAv8U .AARPage_instructor-prompt__OF178,.AARPage_casualty-card__jD1-6 .AARPage_instructor-prompt__OF178{border-left-width:2px!important;font-size:.7em!important;margin-bottom:3px!important;margin-top:3px!important;padding:4px!important}.AARPage_treatmentMet__4dp\+W{color:#5cb85c!important}.AARPage_treatmentMissed__G5wJI{color:#f0ad4e!important}.AARPage_treatmentUnexpected__V84rt{color:#d9534f!important}.AARPage_treatmentFailed__9lJQy{background-color:#f8d7da!important;color:#dc3545!important;font-weight:700!important}.AARPage_treatmentPartial__kvcoe{background-color:#fff3cd!important;color:#856404!important;font-weight:700!important}.AARPage_treatmentRecommendedMissed__869yz{color:#6c757d!important;font-style:italic!important}.AARPage_vitalAbnormal__Ux\+3Y{color:#d9534f!important;font-weight:700!important}}.disclaimer-bar{align-items:center;background-color:var(--error-color);color:var(--text-color);display:flex;font-weight:700;justify-content:center;min-height:40px;padding:var(--spacing-small);position:relative;text-align:center;transition:all .3s ease}.disclaimer-bar.minimized{min-height:20px;padding:4px 8px}.disclaimer-bar p{flex:1 1;margin:0}.disclaimer-toggle{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:12px;opacity:.7;padding:2px 8px;position:absolute;right:8px;transition:opacity .2s ease}.disclaimer-toggle:hover{opacity:1}.admin-dashboard-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-dashboard{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;flex-direction:column;height:90%;max-width:1200px;overflow:hidden;width:90%}.admin-header{align-items:center;background-color:var(--color-background-tertiary);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1rem 2rem}.admin-header h2{color:var(--color-text-primary);margin:0}.close-btn{color:var(--color-text-muted)}.close-btn:hover{color:var(--color-text-primary)}.admin-tabs{border-bottom:1px solid var(--color-border);display:flex}.tab{background:none;border:none;border-bottom:3px solid #0000;color:var(--color-text-secondary);cursor:pointer;padding:1rem 2rem;transition:all .3s ease}.tab:hover{background-color:var(--color-background-tertiary)}.tab.active{background-color:var(--color-background-primary);border-bottom-color:var(--primary-color);color:var(--color-text-primary)}.admin-content{flex:1 1;overflow-y:auto;padding:2rem}.admin-section{margin-bottom:2rem}.section-header{margin-bottom:1rem}.section-header h3{color:var(--color-text-primary)}.content-items{display:flex;flex-direction:column;gap:1rem}.content-item{align-items:center;background-color:var(--color-background-primary);border:1px solid var(--color-border);border-radius:var(--border-radius-small);display:flex;justify-content:space-between;padding:1rem}.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 1}.item-text{color:var(--color-text-primary);display:block;font-weight:500;margin-bottom:.5rem}.item-meta{color:var(--color-text-muted);display:flex;font-size:.875rem;gap:1rem}.item-priority,.item-source,.item-type{background-color:var(--color-background-tertiary);border-radius:3px;color:var(--color-text-secondary);padding:.25rem .5rem}.item-actions{display:flex;gap:.5rem}.feedback-items{display:flex;flex-direction:column;gap:1rem}.feedback-item{background-color:var(--color-background-primary);border:1px solid var(--color-border);border-radius:var(--border-radius-small);padding:1rem}.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{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.feedback-header h4{color:var(--color-text-primary);margin:0}.feedback-meta{display:flex;gap:.5rem}.priority,.status,.type{border-radius:3px;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:uppercase}.status.open{color:var(--success-color)}.status.in_progress,.status.open{background-color:var(--color-background-tertiary)}.status.in_progress{color:var(--warning-color)}.status.resolved{color:var(--primary-color)}.status.closed,.status.resolved{background-color:var(--color-background-tertiary)}.status.closed{color:var(--error-color)}.priority.low{color:var(--color-text-muted)}.priority.low,.priority.medium{background-color:var(--color-background-tertiary)}.priority.medium{color:var(--warning-color)}.priority.critical,.priority.high{background-color:var(--color-background-tertiary);color:var(--error-color)}.feedback-description{color:var(--color-text-secondary);margin:.5rem 0}.feedback-footer{color:var(--color-text-muted);display:flex;font-size:.875rem;justify-content:space-between}.static-content{background-color:var(--color-background-primary);border:1px solid var(--color-border);border-radius:var(--border-radius-small);margin-top:2rem;padding:1rem}.static-section{margin-bottom:1rem}.static-section h4{color:var(--color-text-primary);margin:0 0 .5rem}.static-section ul{color:var(--color-text-secondary);margin:0;padding-left:1.5rem}.analytics{display:flex;flex-direction:column;gap:2rem}.metrics{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric{background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1.5rem;text-align:center}.metric h4{color:var(--color-text-secondary);font-size:.875rem;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.metric-value{color:var(--primary-color);font-size:2rem;font-weight:700}.edit-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.edit-modal-content{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);max-width:500px;padding:2rem;width:90%}.edit-modal-content h3{color:var(--color-text-primary);margin:0 0 1rem}.form-group{margin-bottom:1rem}.form-group input,.form-group select,.form-group textarea{background-color:var(--color-background-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius-small);color:var(--color-text-primary);font-size:1rem;padding:.5rem}.form-group textarea{min-height:100px;resize:vertical}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.loading{align-items:center;color:var(--color-text-secondary);display:flex;font-size:1.125rem;height:200px;justify-content:center}.btn{border-radius:var(--border-radius-small);display:inline-block;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-decoration:none}.btn-outline{background-color:initial;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{color:#fff}.btn-danger,.btn-danger:hover{background-color:var(--error-color)}@media (max-width:768px){.admin-dashboard{height:95%;width:95%}.admin-content{padding:1rem}.metrics{grid-template-columns:1fr}.content-item{align-items:flex-start;flex-direction:column;gap:1rem}.item-actions{justify-content:flex-end;width:100%}}.feedback-filters{margin-bottom:1.5rem}.feedback-filters select{background-color:var(--color-background-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius-small);color:var(--color-text-primary);padding:.5rem}.contact-info{border-left:3px solid var(--primary-color);padding:.5rem}.contact-info,.resolution{background-color:var(--color-background-primary);border-radius:var(--border-radius-small);margin:.75rem 0}.resolution{border-left:3px solid var(--success-color);padding:.75rem}.feedback-actions{align-items:center;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem;padding-top:1rem}.feedback-actions select{background-color:var(--color-background-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius-small);color:var(--color-text-primary);min-width:120px;padding:.5rem}.feedback-actions .btn{border:none;border-radius:var(--border-radius-small);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.btn-success{background-color:var(--success-color);color:#fff}.btn-success:hover{opacity:.9}.no-feedback{color:var(--color-text-muted);font-style:italic;padding:2rem;text-align:center}.feedback-item.resolved{border-left:4px solid var(--success-color)}.feedback-item.closed{opacity:.7}.add-to-content-group{align-items:center;background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-small);display:flex;gap:.5rem;padding:.5rem}.add-to-content-group label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500;margin:0;min-width:-webkit-max-content;min-width:max-content}.add-to-content-group .btn{font-size:.75rem;min-width:-webkit-max-content;min-width:max-content;padding:.375rem .75rem}.analytics-query-builder{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:1.5rem;padding:1.5rem}.analytics-query-builder h3{color:var(--color-text);font-size:1.25rem;margin-bottom:1rem}.query-form{display:flex;flex-direction:column;gap:1rem}.form-group{gap:.5rem}.form-group label{color:var(--color-text);font-size:.9rem;font-weight:500}.form-input,.form-select{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-small);color:var(--color-text);font-size:.9rem;padding:.75rem;transition:border-color .2s}.form-input:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4299e11a;outline:none}.query-description{color:var(--color-text-secondary);font-size:.8rem;font-style:italic;margin:0}.date-range{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.execute-btn{align-self:flex-start;min-width:150px}.execute-btn:disabled{cursor:not-allowed;opacity:.6}.query-results{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius)}.query-results.empty{color:var(--color-text-secondary);padding:2rem;text-align:center}.results-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1rem 1.5rem}.results-header h3{color:var(--color-text);font-size:1.1rem;margin:0}.results-list{max-height:500px;overflow-y:auto}.result-item{border-bottom:1px solid var(--color-border);padding:1rem 1.5rem}.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{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.result-header h4{color:var(--color-text);font-size:1rem;margin:0}.timestamp{color:var(--color-text-secondary);font-size:.8rem}.result-summary{background:var(--color-background);border-radius:var(--border-radius-small);color:var(--color-text);font-size:.9rem;margin-bottom:1rem;padding:.75rem}.result-details summary{color:var(--color-primary);cursor:pointer;font-size:.9rem;margin-bottom:.5rem}.result-data{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-small);color:var(--color-text);font-size:.8rem;max-height:300px;overflow-y:auto;padding:1rem;white-space:pre-wrap;word-break:break-word}@media (max-width:768px){.feedback-actions{align-items:stretch;flex-direction:column}.feedback-actions .btn,.feedback-actions select{width:100%}.add-to-content-group{flex-wrap:wrap;justify-content:center}.add-to-content-group .btn{flex:1 1;min-width:80px}.date-range{grid-template-columns:1fr}.result-header{align-items:flex-start;flex-direction:column;gap:.5rem}.results-list{max-height:400px}.query-form{gap:1.5rem}}.welcome-full-screen{align-items:center;background-color:var(--color-background-secondary);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:2rem}.welcome-container{background-color:var(--color-background-tertiary);border-radius:var(--border-radius);color:var(--color-text-primary);margin:2rem;max-width:800px;padding:2rem}.auth-section{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:flex-end;margin-bottom:1.5rem;padding-bottom:1rem}.user-info{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.user-actions{align-items:center;display:flex;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{border-bottom:2px solid var(--color-border);border-top:2px solid var(--color-border);margin:2rem 0;padding:1.5rem 0}.mode-options{grid-template-columns:1fr 1fr;margin-top:1.5rem}.mode-option{background-color:var(--color-border);padding:1.5rem;transition:transform .2s,box-shadow .2s}.mode-option:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.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;margin:1rem 0;padding: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{color:var(--color-interactive);content:"•";font-weight:700;left:0;position:absolute}.mode-option .btn{margin-top:1rem;width:100%}.btn-admin{background-color:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--border-radius-small);color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;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{background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);margin:2rem 0;padding:1.5rem}.compatibility-settings h2{color:var(--color-text-primary);font-size:1.25rem;margin-top:0}.compatibility-option{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-top:1rem}.compatibility-info{flex:1 1}.compatibility-info h3{color:var(--color-text-secondary);font-size:1rem;margin:0 0 .5rem}.compatibility-info p{color:var(--color-text-muted);font-size:.875rem;line-height:1.4;margin:.5rem 0}.auto-detected{color:var(--warning-color)!important;font-style:italic;font-weight:600}.compatibility-toggle{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.toggle-switch{cursor:pointer;display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--color-border);border:1px solid var(--color-border-light);border-radius:24px;bottom:0;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:var(--color-text-primary);border-radius:50%;bottom:2px;content:"";height:18px;left:2px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary-color);border-color:var(--primary-color)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(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);border:none;border-radius:var(--border-radius);box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;font-size:16px;font-weight:700;min-width:120px;padding:12px 24px;transition:all .3s ease}.disa-toggle-button:hover{box-shadow:0 4px 8px #0000004d;transform:translateY(-1px)}.disa-toggle-button:active{box-shadow:0 1px 2px #0003;transform:translateY(0)}.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{min-height:100vh;padding:1rem}.mode-options{gap:1rem;grid-template-columns:1fr}.welcome-container{margin:.5rem;max-width:100%;padding:1rem}.auth-section{align-items:stretch;flex-direction:column;gap:1rem}.user-info{align-items:stretch;text-align:center}.user-actions{flex-direction:column;gap:.5rem;width:100%}.user-actions .btn{text-align:center;width:100%}.contact-actions{flex-direction:column;gap:.5rem}.contact-actions .btn{width:100%}.compatibility-option{align-items:flex-start;flex-direction:column;gap:1rem}.compatibility-toggle{align-self:stretch;text-align:center}.disa-toggle-button{min-width:auto;width:100%}.mode-option{padding:1rem}.mode-option .btn{margin-top:1rem;width:100%}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{font-size:.9rem;padding:.75rem 1rem}.disa-toggle-button{font-size:14px;padding:10px 20px}}.splash-container{background-color:#000;box-sizing:border-box;height:100vh;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:10000}.splash-container,.splash-content{align-items:center;display:flex;justify-content:center}.splash-content{height:100%;max-height:600px;max-width:800px;width:100%}.splash-image{height:100%;object-fit:contain;object-position:center;width:100%}@media (max-width:768px) and (orientation:portrait){.splash-container{padding:40px 20px}.splash-content{max-height:60vh;max-width:90vw}}@media (max-width:768px) and (orientation:landscape){.splash-container{padding:20px 40px}.splash-content{max-height:80vh;max-width:70vw}}@media (min-width:769px) and (max-width:1024px){.splash-container{padding:30px}.splash-content{max-height:500px;max-width:600px}}@media (min-width:1025px){.splash-container{padding:40px}.splash-content{max-height:600px;max-width:800px}}@media (min-width:1440px){.splash-content{max-height:750px;max-width:1000px}}.fade-in{animation:fadeIn 2.5s ease-in-out}.role1-continuous{background-color:var(--color-background-primary);min-height:100vh;padding:20px}.role1-header{align-items:center;background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.role1-header h1{color:var(--color-text-secondary);margin:0}.cycle-info{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.cycle-info span{background-color:var(--color-border);border-radius:4px;color:var(--color-text-secondary);font-weight:700;padding:8px 12px}.timer{background-color:var(--warning-color)!important;color:var(--color-text-primary)}.role1-content{display:flex;flex-direction:column;gap:20px}.bas-section,.ccp-section{background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;padding:20px}.section-header{border-bottom:2px solid var(--color-border);margin-bottom:15px;padding-bottom:10px}.section-header h2{color:var(--color-text-secondary);margin:0}.selection-controls{align-items:center;display:flex;gap:15px}.selection-controls span{color:var(--color-text-muted);font-weight:700}.bas-status{background-color:var(--color-background-primary);border-left:4px solid var(--success-color);border-radius:6px;margin-bottom:15px;padding:15px}.bas-status p{color:var(--success-color);font-style:italic;margin:0}.bas-casualties{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.bas-casualty-card{background-color:var(--color-background-primary);border:1px solid var(--color-border);border-radius:6px;padding:15px}.bas-casualty-card h4{color:var(--color-text-secondary);margin:0 0 8px}.bas-casualty-card p{color:var(--color-text-muted);font-size:14px;margin:4px 0}.bas-casualty-card.evacuated{background-color:#28a7451a;border-left:4px solid var(--success-color)}.btn{border-radius:4px;font-weight:700;padding:10px 20px;transition:background-color .2s}.btn-primary{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{align-items:stretch;flex-direction:column;gap:16px;padding:16px}.role1-header h1{font-size:20px;text-align:center}.cycle-info{align-items:center;flex-direction:row;gap:12px;justify-content:center}.cycle-info span{font-size:14px;padding:6px 10px}.bas-section,.ccp-section{padding:16px}.section-header{align-items:stretch;flex-direction:column;gap:12px}.section-header h2{font-size:18px;text-align:center}.selection-controls{flex-wrap:wrap;gap:12px;justify-content:center}.selection-controls .btn{font-size:16px;min-height:44px;padding:12px 16px}.bas-casualties{gap:12px;grid-template-columns:1fr}.bas-casualty-card{padding:12px}.bas-casualty-card h4{font-size:16px}.bas-casualty-card p{font-size:14px}.bas-status{margin-bottom:12px;padding:12px}.bas-status p{font-size:14px;text-align:center}}.categoryButton{background-color:var(--color-background-secondary);border:none;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:1rem;padding:.5rem;text-align:left;width:100%}.aidBagItem{background-color:var(--color-border);border-radius:var(--border-radius-small);cursor:grab;list-style-type:none;margin-bottom:.5rem;padding:6px 10px}.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{align-items:center;background-color:var(--color-background-secondary);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;min-height:60px;overflow:hidden;padding:8px 16px;transition:min-height .3s ease}.mobile-nav-header.minimized{min-height:40px}.nav-controls{flex:1 1;overflow-x:auto}.nav-minimize-toggle{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:16px;margin-left:8px;padding:4px 8px}.mobile-top-container{background-color:var(--color-background-secondary);border-bottom:1px solid var(--color-border);min-height:50px;overflow:hidden;padding:8px 16px;transition:min-height .3s ease}.mobile-top-container.minimized{min-height:30px}.mobile-top-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.mobile-nav-buttons{flex-wrap:wrap;gap:4px}.mobile-nav-buttons .btn{font-size:14px;margin:2px;padding:6px 12px}.mobile-notifications{color:var(--color-text-secondary);font-size:12px;margin-top:8px;max-height:80px;overflow-y:auto}.container-toggle{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:16px;padding:4px}.mobile-middle-container{background-color:var(--color-background-primary);flex:1 1;overflow:hidden;position:relative;transition:flex .3s ease}.mobile-middle-container.minimized{flex:0.1 1}.casualty-swiper{height:100%;overflow:hidden;position:relative;width:100%}.casualty-slides-container{display:flex;height:100%;transition:transform .3s ease;will-change:transform}.casualty-slide{box-sizing:border-box;height:100%;min-width:100%;padding:16px;position:relative;transition:border .2s ease}.casualty-slide.selectable{background-color:#a0c4ff1a;border:2px dashed var(--color-interactive)}.casualty-slide.selectable:before{background:#a0c4ffe6;border-radius:20px;color:#fff;content:"Tap here to apply selected item";font-size:14px;left:50%;padding:8px 16px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:15}.casualty-navigation{bottom:16px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.casualty-nav-dot{background-color:#ffffff4d;border-radius:50%;cursor:pointer;height:8px;transition:background-color .2s ease;width:8px}.casualty-nav-dot.active{background-color:var(--color-interactive)}.casualty-counter{background-color:#000000b3;border-radius:12px;color:#fff;font-size:12px;padding:4px 8px;position:absolute;right:16px;top:16px;z-index:10}.mobile-bottom-container{background-color:var(--color-background-secondary);border-top:1px solid var(--color-border);max-height:50vh;min-height:200px;overflow:hidden;transition:min-height .3s ease,max-height .3s ease}.mobile-bottom-container.minimized{max-height:40px;min-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%;position:relative;width:100%}.aidbag-header{align-items:center;background-color:var(--color-background-secondary);justify-content:space-between}.aidbag-category-tabs,.aidbag-header{border-bottom:1px solid var(--color-border);display:flex;padding:8px 16px}.aidbag-category-tabs{background-color:var(--color-background-primary);gap:4px;overflow-x:auto}.aidbag-category-tab{background:none;border:none;border-radius:4px;color:var(--color-interactive);cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s ease;white-space:nowrap}.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{box-sizing:border-box;height:100%;min-width:100%;overflow-y:auto;padding:16px}.aidbag-item{align-items:center;background-color:var(--color-background-primary);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px;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-size:14px;font-weight:700}.empty-category{color:var(--color-text-muted);font-style:italic;padding:32px 16px;text-align:center}.mobile-layout *{-webkit-tap-highlight-color:transparent}.swipe-indicator{background-color:#00000080;border-radius:50%;color:#fff;font-size:16px;opacity:.7;padding:8px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:5}.swipe-indicator.left{left:16px}.swipe-indicator.right{right:16px}.mobile-counter{background-color:var(--color-background-secondary);border-radius:4px;font-weight:700;margin-bottom:1rem;padding:.5rem;text-align:center}.mobile-nav-buttons{display:flex;gap:1rem;justify-content:space-between;padding:1rem 0}.mobile-nav-btn{border-radius:6px;flex:1 1;font-weight:500;padding:.75rem}.mobile-nav-btn:disabled{cursor:not-allowed;opacity:.5}.mobile-aid-bag-header{background-color:var(--color-background-tertiary);color:#fff;font-weight:700;margin:-8px -16px 1rem;padding:.75rem}.mobile-aid-bag-header h3{font-size:1.1rem;margin:0}.mobile-aid-bag-content{max-height:250px;overflow-y:auto}.mobile-aid-bag-category{margin-bottom:1rem}.mobile-category-header{background-color:var(--color-text-muted);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;margin-bottom:.5rem;padding:.75rem;text-align:left;transition:background-color .2s;width:100%}.mobile-category-header:active{background-color:var(--color-border-light)}.mobile-aid-bag-items{background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:4px;max-height:150px;overflow-y:auto}.mobile-aid-bag-item{align-items:center;background-color:var(--color-text-primary);border-bottom:1px solid var(--color-border);cursor:pointer;display:flex;justify-content:space-between;margin:0;padding:.75rem;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{flex:1 1;font-size:.9rem;padding-right:.5rem}.mobile-aid-bag-item .item-count{background-color:var(--color-text-muted);border-radius:12px;color:#fff;font-size:.8rem;font-weight:700;min-width:2rem;padding:.25rem .5rem;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{border-radius:12px;box-shadow:0 4px 12px #0000004d;margin-bottom:0}.mobile-layout .btn{font-size:16px;min-height:44px;padding:12px 16px}.mobile-layout .form-select{font-size:16px;min-height:44px;padding:12px}.mobile-layout .vitals-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr;margin-top:16px}.mobile-layout .vitals-grid .btn{justify-self:stretch;width:100%}.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);flex-shrink:0;overflow-x:auto;padding:12px 16px}.mobile-nav-container .btn{font-size:14px;margin:4px 2px;min-height:40px;padding:8px 12px;white-space:nowrap}.mobile-nav-container>div{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.mobile-content-container{background-color:var(--color-background-primary);flex:1 1;overflow-y:auto;padding:16px}.mobile-standard-layout .btn{font-size:16px;margin:8px 4px;min-height:44px;padding:12px 16px}.mobile-standard-layout input,.mobile-standard-layout select,.mobile-standard-layout textarea{background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:6px;box-sizing:border-box;color:var(--color-text-secondary);font-size:16px;min-height:44px;padding:12px;width:100%}.mobile-standard-layout label{color:var(--color-text-secondary);display:block;font-weight:700;margin-bottom:8px;margin-top:16px}.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;margin-bottom:16px;padding:16px}.mobile-standard-layout .checkbox-container{align-items:center;display:flex;gap:12px;margin:16px 0}.mobile-standard-layout input[type=checkbox]{min-height:20px;transform:scale(1.5);width:20px}.mobile-content-container .profile-editor-container{margin:0;max-width:none;padding:16px}.mobile-standard-layout .sectionHeader{color:var(--color-text-secondary);font-size:1.1rem;margin-bottom:.75rem;margin-top:1rem}.mobile-standard-layout .instructorPrompt{background-color:var(--color-background-secondary);border-left:4px solid var(--primary-color);font-size:14px;font-style:italic;line-height:1.4;margin:.5rem 0;padding:.75rem}.mobile-standard-layout .vitalAbnormal{color:var(--error-color);font-size:14px;font-weight:700}.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{overflow-x:hidden;width:100%}.mobile-content-container table{border-collapse:collapse;font-size:14px;width:100%}.mobile-content-container table td,.mobile-content-container table th{word-wrap:break-word;border:1px solid var(--color-border);padding:8px 4px}.mobile-content-container table th{background-color:var(--color-background-secondary);color:var(--color-text-secondary);font-size:12px;font-weight:700}.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;margin:0;max-height:200px;overflow-y:auto;padding:0}.mobile-content-container .casualty-list li{background-color:var(--color-background-primary);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;margin-bottom:8px;padding:12px;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;font-size:12px;margin-top:4px;opacity:.8}.mobile-content-container .scenario-editor-two-column{display:flex!important;flex-direction:column!important;gap:16px!important}.mobile-content-container .scenario-editor-main,.mobile-content-container .scenario-editor-sidebar{max-width:none!important;width:100%!important}.mobile-content-container .profile-actions{align-items:stretch;display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.mobile-content-container .profile-actions .btn{word-wrap:break-word;font-size:16px;margin:0;min-height:44px;padding:12px 16px;text-align:center;white-space:normal;width:100%}.mobile-content-container .profile-table{display:block;font-size:14px;overflow-x:auto;white-space:nowrap}.mobile-content-container .profile-table td,.mobile-content-container .profile-table th{min-width:120px;padding:8px 12px}.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{font-size:16px;min-height:44px;padding:12px}.mobile-content-container .profile-table .btn{font-size:14px;margin:2px;min-height:36px;padding:8px 12px;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{font-size:18px;margin-top:0}.mobile-casualty-editor{background-color:var(--color-background-secondary);border-radius:8px;margin-top:16px;overflow:hidden}.section-header{align-items:center;background-color:var(--color-background-primary);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:16px}.section-header h3{color:var(--color-text-secondary);font-size:18px;margin:0}.section-indicator{display:flex;gap:8px}.indicator-dot{background-color:#ffffff4d;border-radius:50%;cursor:pointer;height:8px;transition:background-color .2s ease;width:8px}.indicator-dot.active{background-color:var(--color-interactive)}.section-tabs{background-color:var(--color-background-primary);border-bottom:1px solid var(--color-border);display:flex}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:var(--color-interactive);cursor:pointer;flex:1 1;font-size:14px;padding:12px 8px;transition:background-color .2s ease,color .2s ease}.tab-button.active{background-color:var(--color-background-secondary);border-bottom-color:var(--color-interactive);color:var(--color-interactive)}.tab-button:hover{background-color:#a0c4ff1a}.sections-container{height:60vh;overflow:hidden;position:relative}.sections-slider{display:flex;height:100%;transition:transform .3s ease;will-change:transform}.section-slide{box-sizing:border-box;height:100%;min-width:100%;overflow-y:auto;padding:16px}.casualty-section{height:100%}.vitals-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.treatment-group{background-color:var(--color-background-primary);border-radius:6px;margin-bottom:24px;padding:16px}.treatment-group h4{color:var(--color-text-secondary);font-size:16px;margin:0 0 12px}.treatment-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;min-height:40px}.treatment-tag{border-radius:16px;color:#fff;display:inline-block;font-size:12px;font-weight:700;padding:6px 12px}.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{border-top:1px solid var(--error-color);margin-top:32px;padding-top:24px}.navigation-hint{background-color:var(--color-background-primary);border-top:1px solid var(--color-border);padding:12px 16px;text-align:center}.navigation-hint p{color:var(--color-text-muted);font-size:12px;font-style:italic;margin:0}.mobile-casualty-editor .form-group{margin-bottom:20px}.mobile-casualty-editor .form-group label{color:var(--color-text-secondary);display:block;font-size:14px;font-weight:700;margin-bottom:8px}.mobile-casualty-editor .form-group input,.mobile-casualty-editor .form-group select,.mobile-casualty-editor .form-group textarea{background-color:var(--color-background-primary);border:1px solid var(--color-border);border-radius:6px;box-sizing:border-box;color:var(--color-text-secondary);font-size:16px;min-height:44px;padding:12px;width:100%}.mobile-casualty-editor .form-group textarea{min-height:80px;resize:vertical}.mobile-casualty-editor .form-group label input[type=checkbox]{margin-right:8px;min-height:auto;transform:scale(1.2);width:auto}.mobile-casualty-editor .btn{font-size:16px;margin-bottom:8px;min-height:44px;padding:12px 16px;width:100%}.tutorial-mobile-layout{background-color:var(--color-background-primary);display:flex;flex-direction:column;height:100vh;overflow:hidden}.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{opacity:.8;transform:translateY(-1px)}@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);border-bottom:1px solid var(--color-border);flex-shrink:0;padding:16px}.tutorial-step-counter{color:var(--color-interactive);font-size:12px;font-weight:700;margin-bottom:8px}.tutorial-instructions h2{color:var(--color-text-secondary);font-size:18px;margin:0 0 12px}.tutorial-instructions p{color:var(--color-text-secondary);line-height:1.4;margin:0 0 16px}.tutorial-actions{display:flex;flex-wrap:wrap;gap:8px}.tutorial-actions .btn{font-size:14px;min-height:44px;padding:12px 16px}.tutorial-casualties-mobile{background-color:var(--color-background-primary);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.casualty-counter{color:var(--color-interactive);flex-shrink:0;font-size:14px;font-weight:700;padding:16px;text-align:center}.casualty-slide{flex:1 1;overflow-y:auto;padding:0 16px}.casualty-nav-buttons{display:flex;flex-shrink:0;gap:12px;justify-content:center;padding:16px}.casualty-nav-buttons .btn{font-size:14px;min-height:44px;padding:12px 20px}.tutorial-aid-bag-mobile{background-color:var(--color-background-secondary);border-top:1px solid var(--color-border);flex-shrink:0;max-height:300px;overflow-y:auto;padding:16px}.tutorial-aid-bag-mobile h3{color:var(--color-text-secondary);font-size:16px;margin:0 0 16px}.aid-bag-category{margin-bottom:16px}.category-header{background:none;border:none;color:var(--color-interactive);cursor:pointer;font-size:14px;font-weight:700;padding:8px 0;text-align:left;width:100%}.aid-bag-items{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:8px}.aid-bag-item{align-items:center;background-color:var(--color-background-primary);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:background-color .2s ease}.aid-bag-item:active,.aid-bag-item:hover{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{background-color:var(--color-background-primary);min-height:100vh;padding:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tutorial-header{background-color:var(--color-background-secondary);border-radius:8px;margin-bottom:16px;padding: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);line-height:1.5;margin:0 0 16px}.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{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.profile-editor-container{color:var(--text-color);margin:auto;max-width:900px;padding:var(--spacing-large)}.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{display:flex;gap:var(--spacing-medium);justify-content:flex-end;margin-bottom:var(--spacing-large)}.profile-table{border-collapse:collapse;margin-top:var(--spacing-medium);width:100%}.profile-table td,.profile-table th{border-bottom:1px solid var(--primary-color);padding:var(--spacing-small) var(--spacing-medium);text-align:left}.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{grid-gap:var(--spacing-medium);display:grid;gap:var(--spacing-medium);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:700;margin-bottom:var(--spacing-small)}.form-group input,.form-group select,.form-group textarea{background-color:var(--color-background-secondary);border:1px solid var(--primary-color);border-radius:var(--border-radius);color:var(--text-color);padding:var(--spacing-small);resize:vertical;width:100%}.modal-content{background-color:var(--secondary-color);border-radius:var(--border-radius-small);max-height:80vh;overflow-y:auto;padding:var(--spacing-large)}.modal-header{border-bottom:1px solid var(--primary-color);margin-bottom:var(--spacing-medium);padding-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{grid-gap:var(--spacing-small);display:grid;gap:var(--spacing-small);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.modal-footer{text-align:right}.modal-overlay{background-color:#000000b3;height:100%;width:100%}.modal-content{box-shadow:0 4px 10px #0003;max-width:600px;text-align:center}.modal-content,.session-setup-container{background-color:var(--color-background-secondary);padding:2rem}.session-setup-container{align-items:center;color:var(--color-text-primary);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.session-setup-header{margin-bottom:3rem;position:relative;text-align:center}.session-setup-header h1{font-size:3rem;font-weight:700;margin-bottom:.5rem}.session-setup-header h1,.session-setup-header h2{color:var(--color-interactive);text-shadow:2px 2px 4px #0000004d}.session-setup-header h2{font-size:2.5rem;font-weight:600;margin-bottom:1rem}.session-setup-header p{color:var(--color-text-primary);font-size:1.2rem;margin:0;opacity:.9}.back-button{background-color:var(--color-border);border:1px solid var(--color-background-secondary);border-radius:var(--border-radius);color:var(--color-text-primary);cursor:pointer;font-size:1rem;left:0;padding:.5rem 1rem;position:absolute;top:0;transition:all .3s ease}.back-button:hover{background-color:var(--color-background-secondary);transform:translateX(-2px)}.mode-options{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1200px;width:100%}.mode-option{background-color:var(--color-background-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.mode-option:hover{background-color:var(--color-border);box-shadow:0 10px 30px #0003;transform:translateY(-5px)}.mode-icon{font-size:3rem;margin-bottom:1rem}.mode-option h3{color:var(--color-interactive);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.mode-option p{font-size:1rem;line-height:1.4;margin-bottom:1.5rem;opacity:.9}.mode-features,.mode-option p{color:var(--color-text-primary)}.mode-features{display:flex;flex-direction:column;font-size:.9rem;gap:.5rem;opacity:.8}.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);max-width:500px;padding:2rem;width:100%}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--color-text-primary);display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select{background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);box-sizing:border-box;color:var(--color-text-primary);font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.form-group input::placeholder{color:var(--color-text-muted)}.form-group input:focus,.form-group select:focus{background-color:var(--color-border);border-color:var(--color-interactive);outline:none}.form-group small{color:var(--color-text-muted);display:block;font-size:.8rem;margin-top:.5rem;opacity:.7}.auth-notice{background-color:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--border-radius);margin-bottom:1.5rem;padding:1rem;text-align:center}.auth-notice p{color:var(--warning-color);font-weight:500;margin:0}.error-message{background-color:#dc35451a;border:1px solid #dc35454d;border-radius:var(--border-radius);color:var(--error-color);font-weight:500;margin-bottom:1.5rem;padding:1rem;text-align:center}.primary-button{background-color:var(--primary-color);border:none;border-radius:var(--border-radius);color:var(--color-text-primary);cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.5px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease;width:100%}.primary-button:hover:not(:disabled){background-color:var(--color-interactive-hover);box-shadow:0 8px 25px #007acc4d;transform:translateY(-2px)}.primary-button:disabled{background-color:var(--color-border);cursor:not-allowed;opacity:.6;transform:none}@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{gap:1rem;grid-template-columns:1fr}.mode-option,.session-form{padding:1.5rem}.back-button{margin-bottom:1rem;position:static;width:auto}}.lobby-container{background-color:var(--color-background-secondary);color:var(--color-text-primary);min-height:100vh;padding:2rem}.lobby-header{align-items:flex-start;background-color:var(--color-background-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;justify-content:space-between;margin-bottom:3rem;padding:2rem}.session-info h1{color:var(--color-interactive);font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px #0000004d}.session-details{display:flex;flex-wrap:wrap;gap:2rem}.session-code{display:flex;flex-direction:column;gap:.5rem}.session-code span{color:var(--color-text-primary);font-size:1rem;opacity:.9}.clickable-code{background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-interactive);cursor:pointer;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;letter-spacing:2px;padding:.5rem 1rem;transition:all .3s ease}.clickable-code:hover{background-color:var(--color-border);transform:scale(1.05)}.session-code small{color:var(--color-text-muted);font-size:.8rem;opacity:.7}.scenario-info{display:flex;flex-direction:column;gap:.5rem}.scenario-info span{color:var(--color-text-primary);font-size:1rem;opacity:.9}.scenario-info strong{color:var(--color-interactive);font-size:1.1rem;font-weight:600}.lobby-actions{align-items:flex-end;display:flex;flex-direction:column;gap:1rem}.start-button{background-color:var(--success-color);border:none;border-radius:var(--border-radius);color:var(--color-text-primary);cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.5px;min-width:180px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.start-button:hover:not(:disabled){background-color:var(--success-color);box-shadow:0 8px 25px #5cb85c4d;transform:translateY(-2px)}.start-button:disabled{background-color:var(--color-border);cursor:not-allowed;opacity:.6;transform:none}.leave-button{border:1px solid var(--error-color);border-radius:var(--border-radius);color:var(--color-text-primary);cursor:pointer;font-size:1rem;min-width:180px;padding:.75rem 1.5rem;transition:all .3s ease}.leave-button,.leave-button:hover{background-color:var(--error-color)}.leave-button:hover{transform:translateY(-2px)}.waiting-message{background-color:#f0ad4e1a;border:1px solid #f0ad4e4d;border-radius:var(--border-radius);color:var(--warning-color);font-weight:500;min-width:180px;padding:1rem;text-align:center}.lobby-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.participants-section{background-color:var(--color-background-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:2rem}.participants-section h2{color:var(--color-interactive);font-size:1.8rem;font-weight:600;margin-bottom:1.5rem}.participants-grid{display:flex;flex-direction:column;gap:1rem}.participant-card{align-items:center;background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:1.5rem;transition:all .3s ease}.participant-card:hover{background-color:var(--color-border);transform:translateY(-2px)}.participant-info{align-items:center;display:flex;gap:1rem}.participant-avatar{align-items:center;background-color:var(--color-border);border-radius:50%;display:flex;font-size:1.5rem;height:3rem;justify-content:center;width:3rem}.participant-details{display:flex;flex-direction:column;gap:.25rem}.participant-name{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem}.leader-badge{background-color:var(--warning-color);border-radius:var(--border-radius-small);color:#000;font-size:.7rem;font-weight:700;padding:.2rem .5rem;text-transform:uppercase}.participant-email{color:var(--color-text-muted);font-size:.9rem;opacity:.8}.role-section{min-width:200px}.role-selector{background-color:var(--color-background-secondary);border:2px solid;border-radius:var(--border-radius);color:var(--color-text-primary);cursor:pointer;font-size:1rem;padding:.5rem;transition:all .3s ease;width:100%}.role-selector:focus{outline:none}.role-display,.role-selector:focus{background-color:var(--color-border)}.role-display{align-items:center;border:2px solid;border-radius:var(--border-radius);color:var(--color-text-primary);display:flex;font-weight:600;gap:.5rem;padding:.5rem}.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);height:-webkit-fit-content;height:fit-content;padding:2rem}.roles-guide h2{color:var(--color-interactive);font-size:1.8rem;font-weight:600;margin-bottom:1.5rem}.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{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.role-header .role-icon{font-size:1.2rem}.role-header .role-title{color:var(--color-text-primary);font-size:1rem;font-weight:600}.role-description{color:var(--color-text-muted);font-size:.9rem;line-height:1.4;margin:0;opacity:.9}.lobby-notice{background-color:#f0ad4e1a;border:1px solid #f0ad4e4d;border-radius:var(--border-radius);margin-top:2rem;padding:1.5rem;text-align:center}.lobby-notice p{color:var(--warning-color);font-weight:500;margin:.5rem 0}.lobby-error{background-color:var(--color-background-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius);margin:10vh auto 0;max-width:500px;padding:3rem;text-align:center}.lobby-error h2{color:var(--error-color);font-size:2rem;margin-bottom:1rem}.lobby-error p{color:var(--color-text-primary);font-size:1.1rem;margin-bottom:2rem;opacity:.9}.secondary-button{background-color:var(--color-border);border:1px solid var(--color-background-secondary);border-radius:var(--border-radius);color:var(--color-text-primary);cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;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{align-items:stretch;flex-direction:column;gap:2rem}.session-details{flex-direction:column;gap:1rem}.lobby-actions{align-items:center;flex-direction:row;justify-content:space-between}.participant-card{flex-direction:column;gap:1rem;text-align:center}.role-section{min-width:auto;width:100%}}.category-assignment{background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);margin-top:1rem;padding:.75rem}.category-header{align-items:center;color:var(--color-text-primary);display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem}.assign-categories-btn{background-color:var(--primary-color);border:none;border-radius:var(--border-radius-small);color:var(--color-text-primary);cursor:pointer;font-size:.8rem;padding:.25rem .5rem;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{border-radius:var(--border-radius-small);font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.2rem .5rem;text-transform:uppercase}.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{color:var(--color-text-muted);font-size:.8rem;font-style:italic;opacity:.7}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:var(--color-background-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 20px 50px #00000080;color:var(--color-text-primary);max-height:90vh;max-width:500px;overflow:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:var(--color-interactive);font-size:1.2rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:var(--border-radius-small);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;transition:background .2s ease;width:2rem}.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{align-items:center;border-radius:var(--border-radius);cursor:pointer;display:flex;gap:.75rem;padding:.5rem;transition:background .2s ease}.category-checkbox:hover{background-color:var(--color-background-secondary)}.category-checkbox input[type=checkbox]{cursor:pointer;height:1.2rem;width:1.2rem}.category-label{border-radius:var(--border-radius);font-weight:600;letter-spacing:.5px;min-width:100px;padding:.5rem 1rem;text-align:center;text-transform:uppercase}.assignment-note{background-color:#f0ad4e1a;border:1px solid #f0ad4e4d;border-radius:var(--border-radius);margin-top:1rem;padding:1rem}.assignment-note p{color:var(--warning-color);font-size:.9rem;margin:0}.modal-footer{border-top:1px solid var(--color-border);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.btn{border:none;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .2s ease}.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{align-items:stretch;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.help-container{background:#111827;border-radius:12px;box-shadow:0 10px 30px #00000080;color:#e5e7eb;display:grid;grid-template-columns:280px 1fr;height:min(90vh,900px);margin:auto;overflow:hidden;width:min(1100px,96vw)}.help-nav{background:#0b1220;border-right:1px solid #1f2937;overflow-y:auto}.help-nav-header{align-items:center;border-bottom:1px solid #1f2937;display:flex;font-weight:600;justify-content:space-between;padding:12px 14px}.help-close{background:#0000;border:none;color:#9ca3af;cursor:pointer;font-size:16px}.help-close:hover{color:#e5e7eb}.help-nav-list{list-style:none;margin:0;padding:8px}.help-nav-item{background:#0000;border:none;border-radius:6px;color:#cbd5e1;cursor:pointer;padding:8px 10px;text-align:left;width:100%}.help-nav-item:hover{background:#1f2937}.help-nav-item.active{background:#1f2937;color:#fff}.help-content{overflow-y:auto;padding:16px 20px}.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{border-top:1px solid #1f2937;display:flex;justify-content:flex-end;padding:12px 0 0}.help-primary{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 12px}.help-primary:hover{background:#1d4ed8}@media (max-width:900px){.help-container{grid-template-columns:1fr;height:92vh;width:96vw}.help-nav{display:none}}.help-fab{align-items:center;background:#2563eb;border:none;border-radius:50%;bottom:14px;box-shadow:0 6px 16px #00000059;color:#fff;cursor:pointer;display:flex;font-size:20px;height:46px;justify-content:center;position:fixed;right:14px;width:46px;z-index:9999}.help-fab:hover{background:#1d4ed8}
/*# sourceMappingURL=main.2c923ce6.css.map*/