:root{--member-primary:#2563eb;--member-primary-light:#dbeafe;--member-primary-dark:#1d4ed8;--member-secondary:#64748b;--member-secondary-light:#f8fafc;--member-secondary-dark:#475569;--member-success:#059669;--member-success-light:#d1fae5;--member-warning:#d97706;--member-warning-light:#fef3c7;--member-error:#dc2626;--member-error-light:#fee2e2;--member-info:#0891b2;--member-info-light:#cffafe;--member-gray-50:#f9fafb;--member-gray-100:#f3f4f6;--member-gray-200:#e5e7eb;--member-gray-300:#d1d5db;--member-gray-400:#9ca3af;--member-gray-500:#6b7280;--member-gray-600:#4b5563;--member-gray-700:#374151;--member-gray-800:#1f2937;--member-gray-900:#111827;--member-spacing-xs:0.25rem;--member-spacing-sm:0.5rem;--member-spacing-md:1rem;--member-spacing-lg:1.5rem;--member-spacing-xl:2rem;--member-spacing-2xl:3rem;--member-radius-sm:0.25rem;--member-radius-md:0.5rem;--member-radius-lg:0.75rem;--member-radius-xl:1rem;--member-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--member-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--member-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--member-text-xs:0.75rem;--member-text-sm:0.875rem;--member-text-base:1rem;--member-text-lg:1.125rem;--member-text-xl:1.25rem;--member-text-2xl:1.5rem;--member-text-3xl:1.875rem;--member-transition-fast:150ms ease-in-out;--member-transition-normal:200ms ease-in-out;--member-transition-slow:300ms ease-in-out}.member-container{max-width:1280px;margin:0 auto;padding:0 var(--member-spacing-md)}.member-page{min-height:100vh;background-color:var(--member-gray-50)}.member-card{background:#fff;border-radius:var(--member-radius-lg);box-shadow:var(--member-shadow-sm);border:1px solid var(--member-gray-200);transition:box-shadow var(--member-transition-normal)}.member-card:hover{box-shadow:var(--member-shadow-md)}.member-card-header{border-bottom:1px solid var(--member-gray-200)}.member-card-body,.member-card-footer,.member-card-header{padding:var(--member-spacing-lg)}.member-card-footer{border-top:1px solid var(--member-gray-200);background-color:var(--member-gray-50)}.member-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--member-spacing-sm) var(--member-spacing-md);border-radius:var(--member-radius-md);font-weight:500;font-size:var(--member-text-sm);transition:all var(--member-transition-normal);cursor:pointer;border:none;text-decoration:none}.member-btn:disabled{opacity:.5;cursor:not-allowed}.member-btn-primary{background-color:var(--member-primary);color:#fff}.member-btn-primary:hover:not(:disabled){background-color:var(--member-primary-dark)}.member-btn-secondary{background-color:var(--member-gray-100);color:var(--member-gray-700)}.member-btn-secondary:hover:not(:disabled){background-color:var(--member-gray-200)}.member-btn-outline{background-color:transparent;color:var(--member-primary);border:1px solid var(--member-primary)}.member-btn-outline:hover:not(:disabled){background-color:var(--member-primary-light)}.member-btn-sm{padding:var(--member-spacing-xs) var(--member-spacing-sm);font-size:var(--member-text-xs)}.member-btn-lg{padding:var(--member-spacing-md) var(--member-spacing-xl);font-size:var(--member-text-base)}.member-form-group{margin-bottom:var(--member-spacing-lg)}.member-label{display:block;font-weight:500;color:var(--member-gray-700);margin-bottom:var(--member-spacing-sm);font-size:var(--member-text-sm)}.member-input{width:100%;padding:var(--member-spacing-sm) var(--member-spacing-md);border:1px solid var(--member-gray-300);border-radius:var(--member-radius-md);font-size:var(--member-text-base);transition:border-color var(--member-transition-normal)}.member-input:focus{outline:none;border-color:var(--member-primary);box-shadow:0 0 0 3px var(--member-primary-light)}.member-input.error{border-color:var(--member-error)}.member-input.error:focus{box-shadow:0 0 0 3px var(--member-error-light)}.member-textarea{resize:vertical;min-height:100px}.member-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--member-spacing-sm) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.member-error-message{color:var(--member-error)}.member-error-message,.member-success-message{font-size:var(--member-text-sm);margin-top:var(--member-spacing-xs)}.member-success-message{color:var(--member-success)}.member-warning-message{color:var(--member-warning)}.member-info-message,.member-warning-message{font-size:var(--member-text-sm);margin-top:var(--member-spacing-xs)}.member-info-message{color:var(--member-info)}.member-badge{display:inline-flex;align-items:center;padding:var(--member-spacing-xs) var(--member-spacing-sm);border-radius:var(--member-radius-sm);font-size:var(--member-text-xs);font-weight:500}.member-badge-primary{background-color:var(--member-primary-light);color:var(--member-primary)}.member-badge-success{background-color:var(--member-success-light);color:var(--member-success)}.member-badge-warning{background-color:var(--member-warning-light);color:var(--member-warning)}.member-badge-error{background-color:var(--member-error-light);color:var(--member-error)}.member-badge-info{background-color:var(--member-info-light);color:var(--member-info)}.member-badge-gray{background-color:var(--member-gray-100);color:var(--member-gray-600)}.member-divider{border:none;height:1px;background-color:var(--member-gray-200);margin:var(--member-spacing-lg) 0}@media (max-width:768px){.member-container{padding:0 var(--member-spacing-sm)}.member-card-body,.member-card-footer,.member-card-header{padding:var(--member-spacing-md)}.member-btn{width:100%;justify-content:center}}@keyframes member-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes member-slide-in{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.member-fade-in{animation:member-fade-in var(--member-transition-normal) ease-out}.member-slide-in{animation:member-slide-in var(--member-transition-normal) ease-out}.member-loading{display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid var(--member-gray-200);border-top-color:var(--member-primary);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}.member-text-center{text-align:center}.member-text-left{text-align:left}.member-text-right{text-align:right}.member-hidden{display:none}.member-visible{display:block}.member-flex{display:flex}.member-flex-center{display:flex;align-items:center;justify-content:center}.member-flex-between{display:flex;align-items:center;justify-content:space-between}.member-grid{display:grid}.member-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.member-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.member-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.member-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.member-gap{gap:var(--member-spacing-md)}.member-gap-sm{gap:var(--member-spacing-sm)}.member-gap-lg{gap:var(--member-spacing-lg)}