.roster-page{background:var(--spgx-bg-deep);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.roster-header{border-bottom:1px solid var(--spgx-surface-border);text-align:center;padding:2rem 2.5rem;position:relative}.back-link{font-family:var(--spgx-font-mono);letter-spacing:.1em;color:var(--spgx-text-muted);font-size:.7rem;text-decoration:none;transition:color .3s;position:absolute;top:1.5rem;left:2.5rem}.back-link:hover{color:var(--spgx-accent-primary)}.roster-title{font-family:var(--spgx-font-mono);color:var(--spgx-accent-primary);letter-spacing:.15em;text-shadow:0 0 10px var(--spgx-accent-primary-dim);margin-top:1.5rem;margin-bottom:.5rem;font-size:1.5rem}.roster-subtitle{font-family:var(--spgx-font-mono);color:var(--spgx-accent-secondary);letter-spacing:.2em;font-size:.75rem}.roster-grid{flex-direction:column;gap:2rem;max-height:65vh;padding:2.5rem;display:flex;overflow-y:auto}.roster-grid::-webkit-scrollbar{width:8px}.roster-grid::-webkit-scrollbar-track{border-left:1px solid var(--spgx-surface-border);background:#0003}.roster-grid::-webkit-scrollbar-thumb{background:var(--spgx-surface-border);border-radius:4px}.roster-grid::-webkit-scrollbar-thumb:hover{background:var(--spgx-accent-primary-dim)}.roster-card{border:1px solid var(--spgx-surface-border);background:#0000004d;padding:1.5rem;position:relative}.roster-card:before{content:"";background:var(--spgx-accent-primary);opacity:.7;width:4px;height:100%;position:absolute;top:0;left:0}.roster-card-header{border-bottom:1px solid #00e5ff26;justify-content:space-between;align-items:flex-end;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.roster-card-header h2{font-family:var(--spgx-font-display);color:var(--spgx-text-bright);letter-spacing:.05em;margin:0;font-size:1.25rem}.roster-service-id{font-family:var(--spgx-font-mono);color:var(--spgx-accent-secondary);letter-spacing:.15em;border:1px solid var(--spgx-accent-secondary);background:#ff2d780d;padding:.2rem .5rem;font-size:.75rem}.roster-data-row{margin-bottom:.75rem;display:flex}.roster-label{font-family:var(--spgx-font-mono);color:var(--spgx-text-muted);letter-spacing:.05em;flex-shrink:0;width:200px;font-size:.75rem}.roster-value{font-family:var(--spgx-font-body);color:var(--spgx-text);font-size:.9rem}.roster-value.accent{color:var(--spgx-accent-primary);font-weight:500}.roster-record-section{border-top:1px dashed #ffffff1a;margin-top:1.5rem;padding-top:1rem}.roster-record-label{font-family:var(--spgx-font-mono);color:var(--spgx-text-muted);letter-spacing:.1em;margin-bottom:.75rem;font-size:.75rem}.roster-record-text{font-family:var(--spgx-font-body);color:var(--spgx-text);text-align:justify;margin:0;font-size:.85rem;line-height:1.6}@media (max-width:768px){.roster-page{padding:1rem}.roster-header{padding:1.5rem}.back-link{margin-bottom:1rem;display:inline-block;position:static}.roster-card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.roster-data-row{flex-direction:column;gap:.25rem}.roster-label{width:auto}}