:root{--accent:#f8f8f8;--text-primary:#fff;--text-secondary:hsla(0,0%,100%,.7);--text-helper:hsla(0,0%,100%,.55);--background:#0a0a0a;--surface:#111;--hover:#1a1a1a;--border-radius:8px;--border-radius-large:12px;--component-height:32px;--line-height:28px;--shadow:0 1px 3px rgba(0,0,0,.3);--shadow-hover:0 2px 6px rgba(0,0,0,.4);--transition-fast:120ms ease-out;--transition-normal:140ms ease-out;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-xxl:32px}*{box-sizing:border-box;cursor:default!important}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--text-primary);line-height:var(--line-height);font-size:14px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:focus{outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0}.sr-only,.text-ellipsis{overflow:hidden;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.ml-1{margin-left:var(--spacing-xs)}.ml-2{margin-left:var(--spacing-sm)}.ml-3{margin-left:var(--spacing-md)}.ml-4{margin-left:var(--spacing-lg)}.mr-1{margin-right:var(--spacing-xs)}.mr-2{margin-right:var(--spacing-sm)}.mr-3{margin-right:var(--spacing-md)}.mr-4{margin-right:var(--spacing-lg)}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.users-test-container{padding:var(--spacing-xl);max-width:800px;margin:0 auto}.test-buttons{display:flex;gap:var(--spacing-sm);align-items:center}.error-message{padding:var(--spacing-sm);background-color:rgba(239,68,68,.1);color:#ef4444;border-radius:var(--border-radius);border:1px solid rgba(239,68,68,.3)}.users-grid{display:grid;grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.user-card{padding:var(--spacing-lg);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--border-radius);background-color:var(--surface);transition:all var(--transition-fast)}.user-card:hover{border-color:hsla(0,0%,100%,.2);background-color:var(--hover)}.user-info-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.user-id{margin-top:var(--spacing-sm);font-size:12px;color:var(--text-secondary)}.squads-test-container{padding:var(--spacing-xl);max-width:1200px;margin:0 auto}.squads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.squad-card{padding:var(--spacing-lg);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--border-radius);background-color:var(--surface);transition:all var(--transition-fast);position:relative;overflow:hidden}.squad-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.squad-card:hover{border-color:hsla(0,0%,100%,.2);background-color:var(--hover);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.squad-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.squad-info h4{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.squad-code{font-size:12px;color:var(--accent);font-weight:500;background:hsla(0,0%,100%,.05);padding:2px 6px;border-radius:4px}.squad-status{display:flex;align-items:center}.status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-active{background:rgba(34,197,94,.1);color:#16a34a}.status-inactive{background:rgba(156,163,175,.1);color:#6b7280}.status-on-mission{background:rgba(245,158,11,.1);color:#d97706}.status-training{background:hsla(0,0%,100%,.05);color:var(--accent)}.status-standby{background:rgba(168,85,247,.1);color:#a855f7}.squad-details{margin-bottom:var(--spacing-lg)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;border-bottom:1px solid hsla(0,0%,100%,.05)}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--text-secondary)}.detail-label,.detail-value{font-size:12px;font-weight:500}.detail-value{color:var(--text-primary)}.clearance-badge,.readiness-badge,.training-badge{padding:2px 6px;border-radius:8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.readiness-high{background:rgba(34,197,94,.1);color:#16a34a}.readiness-medium{background:rgba(245,158,11,.1);color:#d97706}.clearance-top-secret,.readiness-low{background:rgba(239,68,68,.1);color:#ef4444}.clearance-secret{background:rgba(245,158,11,.1);color:#d97706}.clearance-confidential{background:hsla(0,0%,100%,.05);color:var(--accent)}.clearance-unclassified{background:rgba(156,163,175,.1);color:#6b7280}.training-certified{background:rgba(34,197,94,.1);color:#16a34a}.training-in-training{background:hsla(0,0%,100%,.05);color:var(--accent)}.training-needs-retraining{background:rgba(239,68,68,.1);color:#ef4444}.squad-equipment{margin-bottom:var(--spacing-lg)}.squad-equipment h5{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.equipment-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.equipment-tag{background:hsla(0,0%,100%,.1);color:var(--text-primary);padding:2px 6px;border-radius:8px;font-size:10px;font-weight:500;border:1px solid hsla(0,0%,100%,.2)}.squad-timeline{margin-bottom:var(--spacing-lg);padding:var(--spacing-sm);background:hsla(0,0%,100%,.03);border-radius:var(--border-radius);border:1px solid hsla(0,0%,100%,.1)}.timeline-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0}.timeline-label{font-size:11px;color:var(--text-secondary);font-weight:500}.timeline-value{font-size:11px;color:var(--text-primary);font-weight:600}.squad-id{margin-top:var(--spacing-sm);font-size:10px;color:var(--text-secondary);text-align:center;padding-top:var(--spacing-sm);border-top:1px solid hsla(0,0%,100%,.1)}.loading-message,.no-squads-message{grid-column:1/-1;text-align:center;padding:var(--spacing-xl);color:var(--text-secondary);font-style:italic}.loading-message{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.loading-message:before{content:"";width:16px;height:16px;border-top:2px solid var(--text-secondary);border:2px solid var(--text-secondary);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.app{display:flex;height:100vh;background-color:var(--background)}.app-main{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.app-content{flex:1 1;overflow:auto;background-color:var(--background)}.page-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-size:18px;font-weight:500}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:999}.app-minimal{width:100vw;height:100vh;background-color:#000;overflow:hidden}.app-content-minimal{width:100%;height:100%}@media (max-width:991px){.app{position:relative}.sidebar{position:fixed;left:-240px;top:0;z-index:1000;transition:left var(--transition-normal)}.sidebar.open{left:0}}