:root{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-hover: #252525;--text-primary: #ffffff;--text-secondary: #aaa;--text-muted: #777;--border-light: rgba(255, 255, 255, .1);--border-medium: rgba(255, 255, 255, .2);--color-primary: #667eea;--color-primary-dark: #5568d3;--color-success: #28a745;--color-success-dark: #218838;--color-warning: #ffc107;--color-warning-dark: #e0a800;--color-danger: #dc3545;--color-danger-dark: #c82333;--color-info: #17a2b8;--color-pink: #ff6b6b;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--font-xs: 12px;--font-sm: 14px;--font-md: 16px;--font-lg: 18px;--font-xl: 20px;--font-2xl: 24px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary)}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-sm)}.container-narrow{max-width:800px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-sm)}.container-wide{max-width:1400px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-sm)}@media(max-width:768px){.container,.container-narrow,.container-wide{padding:var(--spacing-xl) var(--spacing-sm)}}.card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-light);transition:all .2s}.card:hover{box-shadow:0 4px 12px #667eea4d;border-color:var(--color-primary);background:var(--bg-hover)}.card-compact{padding:var(--spacing-md)}@media(max-width:768px){.card{padding:var(--spacing-sm);border-radius:var(--radius-md)}}.btn{padding:10px 16px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-sm);transition:all .2s;font-weight:500}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover{background:var(--color-success-dark)}.btn-warning{background:var(--color-warning);color:#000;font-weight:700}.btn-warning:hover{background:var(--color-warning-dark)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:var(--color-danger-dark)}.btn-sm{padding:6px 12px;font-size:var(--font-xs)}@media(max-width:768px){.btn{padding:6px 10px;font-size:11px}.btn-sm{padding:4px 8px;font-size:10px}}.member-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@media(max-width:768px){.member-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}}@media(max-width:480px){.member-grid{grid-template-columns:repeat(2,1fr);gap:8px}}@media(max-width:768px){.member-detail-card{padding:16px!important}.member-detail-card section{margin-bottom:24px!important}.member-detail-card h2{font-size:16px!important}.member-detail-card>div[style*=grid]{grid-template-columns:1fr!important}}.form-group{margin-bottom:var(--spacing-xl)}.form-label{display:block;margin-bottom:var(--spacing-sm);color:var(--text-primary);font-size:var(--font-sm);font-weight:500}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-sm);transition:border-color .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary)}.form-textarea{min-height:100px;resize:vertical}.table-container{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-light)}.table{width:100%;border-collapse:collapse}.table thead{background:var(--bg-secondary)}.table th{padding:var(--spacing-md);text-align:left;font-weight:700;color:var(--text-primary);font-size:var(--font-sm);border-bottom:2px solid var(--border-medium)}.table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-light);color:var(--text-secondary);font-size:var(--font-sm)}.table tbody tr:hover{background:var(--bg-hover)}@media(max-width:768px){.table th,.table td{padding:var(--spacing-sm);font-size:var(--font-xs)}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.font-bold{font-weight:700}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}@media(max-width:768px){.mobile-hide{display:none!important}.mobile-full-width{width:100%!important}}@media(min-width:769px){.desktop-hide{display:none!important}}