.member-layout{min-height:100vh;background-color:var(--color-gray-100,#f5f5f5)}.member-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg,1.5rem);background:linear-gradient(135deg,#f8faf9,#e8f5ec)}.member-login-card{width:100%;max-width:420px;background:#fff;border-radius:var(--radius-xl,16px);padding:var(--spacing-2xl,3rem);box-shadow:0 4px 24px rgba(0,0,0,.08)}.member-login-logo{text-align:center;margin-bottom:var(--spacing-xl,2rem)}.member-login-title{font-family:Satoshi,sans-serif;font-size:1.75rem;font-weight:700;color:var(--color-black,#141414);text-align:center;margin-bottom:var(--spacing-sm,.5rem)}.member-login-subtitle{font-size:.95rem;color:var(--color-gray-500,#6b7280);text-align:center;margin-bottom:var(--spacing-lg,1.5rem);line-height:1.5}.member-login-error{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md,8px);color:#dc2626}.member-login-error,.member-login-message{display:flex;align-items:center;gap:var(--spacing-sm,.5rem);padding:var(--spacing-md,1rem);font-size:.875rem;margin-bottom:var(--spacing-lg,1.5rem)}.member-login-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-md,8px);color:var(--color-green,#0d9f3e)}.member-login-form{display:flex;flex-direction:column;gap:var(--spacing-lg,1.5rem)}.member-form-group{display:flex;flex-direction:column;gap:var(--spacing-xs,.25rem)}.member-form-label{font-size:.875rem;font-weight:500;color:var(--color-gray-700,#374151);margin-bottom:var(--spacing-xs,.25rem)}.member-form-input{width:100%;height:48px;padding:0 var(--spacing-md,1rem);font-size:1rem;border:1px solid var(--color-gray-300,#d1d5db);border-radius:var(--radius-lg,12px);background:#fff;color:var(--color-black,#141414);transition:border-color var(--transition-fast,.15s ease),box-shadow var(--transition-fast,.15s ease)}.member-form-input:focus{outline:none;border-color:var(--color-green,#0d9f3e);box-shadow:0 0 0 3px rgba(13,159,62,.15)}.member-form-input:disabled{background:var(--color-gray-100,#f5f5f5);cursor:not-allowed}.member-form-input::placeholder{color:var(--color-gray-500,#6b7280)}.member-code-input{font-family:monospace;font-size:1.5rem;font-weight:600;letter-spacing:.25em;text-align:center}.member-form-hint{font-size:.8125rem;color:var(--color-gray-500,#6b7280);margin-top:var(--spacing-xs,.25rem)}.member-form-hint strong{color:var(--color-black,#141414)}.member-form-button{width:100%;height:48px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm,.5rem);font-family:var(--text,Inter,Arial,sans-serif);font-size:14px;font-weight:400;color:#fff;background:var(--color-green,#0d9f3e);border:none;border-radius:var(--radius-lg,12px);cursor:pointer;transition:all var(--transition-fast,.15s ease)}.member-form-button:hover:not(:disabled){background:var(--hover-green,#0b8a35)}.member-form-button:active:not(:disabled){transform:scale(.98)}.member-form-button:disabled{opacity:.6;cursor:not-allowed}.member-button-loading{display:flex;align-items:center;gap:var(--spacing-sm,.5rem)}.member-spinner{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:member-spin .8s linear infinite}.member-spinner.small{width:14px;height:14px}.member-spinner.large{width:32px;height:32px;border-width:3px;border-color:rgba(13,159,62,.2);border-top-color:var(--color-green,#0d9f3e)}@keyframes member-spin{to{transform:rotate(1turn)}}.member-form-actions{display:flex;justify-content:space-between;gap:var(--spacing-md,1rem)}.member-link-button{background:none;border:none;padding:0;font-size:.875rem;color:var(--color-green,#0d9f3e);cursor:pointer;transition:color var(--transition-fast,.15s ease);text-decoration:none}.member-link-button:hover:not(:disabled){color:#0b8a35;text-decoration:underline}.member-link-button:disabled{color:var(--color-gray-500,#6b7280);cursor:not-allowed}.member-login-footer{margin-top:var(--spacing-xl,2rem);padding-top:var(--spacing-lg,1.5rem);border-top:1px solid var(--color-gray-200,#e5e7eb);text-align:center}.member-dashboard{background:var(--color-gray-100,#f5f5f5)}.member-dashboard,.member-dashboard-loading{min-height:100vh;display:flex;flex-direction:column}.member-dashboard-loading{align-items:center;justify-content:center;gap:var(--spacing-md,1rem);color:var(--color-gray-500,#6b7280)}.member-dashboard-header{background:#fff;border-bottom:1px solid var(--color-gray-200,#e5e7eb);padding:var(--spacing-md,1rem) var(--spacing-lg,1.5rem);position:-webkit-sticky;position:sticky;top:0;z-index:100}.member-dashboard-header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md,1rem)}.member-dashboard-logo,.member-dashboard-user{display:flex;align-items:center}.member-dashboard-user{gap:var(--spacing-md,1rem)}.member-dashboard-email{font-size:.875rem;color:var(--color-gray-500,#6b7280)}.member-logout-button{padding:0 var(--spacing-md,1rem);height:36px;font-size:.8125rem;font-weight:500;color:var(--color-gray-700,#374151);background:#fff;border:1px solid var(--color-gray-300,#d1d5db);border-radius:var(--radius-md,8px);cursor:pointer;transition:all var(--transition-fast,.15s ease)}.member-logout-button:hover:not(:disabled){background:var(--color-gray-100,#f5f5f5);border-color:var(--color-gray-500,#6b7280)}.member-logout-button:disabled{opacity:.6;cursor:not-allowed}.member-dashboard-main{flex:1 1;padding:var(--spacing-xl,2rem) var(--spacing-lg,1.5rem)}.member-dashboard-container{max-width:1200px;margin:0 auto}.member-dashboard-title{font-family:Satoshi,sans-serif;font-size:1.75rem;font-weight:700;color:var(--color-black,#141414);margin-bottom:var(--spacing-lg,1.5rem)}.member-dashboard-error{display:flex;align-items:center;gap:var(--spacing-md,1rem);padding:var(--spacing-md,1rem);background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md,8px);color:#dc2626;margin-bottom:var(--spacing-lg,1.5rem)}.member-dashboard-tabs{margin-bottom:var(--spacing-xl,2rem);background:#fff;padding:var(--spacing-xs,.25rem);border-radius:var(--radius-lg,12px);box-shadow:0 1px 3px rgba(0,0,0,.05)}.member-dashboard-tabs,.member-tab{display:flex;gap:var(--spacing-sm,.5rem)}.member-tab{flex:1 1;align-items:center;justify-content:center;padding:var(--spacing-md,1rem);font-family:Satoshi,sans-serif;font-size:.9375rem;font-weight:500;color:var(--color-gray-500,#6b7280);background:transparent;border:none;border-radius:var(--radius-md,8px);cursor:pointer;transition:all var(--transition-fast,.15s ease)}.member-tab:hover:not(.active){color:var(--color-gray-700,#374151);background:var(--color-gray-100,#f5f5f5)}.member-tab.active{color:var(--color-green,#0d9f3e);background:rgba(13,159,62,.1)}.member-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:.75rem;font-weight:600;color:#fff;background:var(--color-green,#0d9f3e);border-radius:10px}.member-section{background:#fff;border-radius:var(--radius-xl,16px);padding:var(--spacing-lg,1.5rem);box-shadow:0 1px 3px rgba(0,0,0,.05)}.member-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl,4rem) var(--spacing-lg,1.5rem);text-align:center}.member-empty-state svg{margin-bottom:var(--spacing-lg,1.5rem)}.member-empty-state h3{font-family:Satoshi,sans-serif;font-size:1.125rem;font-weight:600;color:var(--color-black,#141414);margin-bottom:var(--spacing-sm,.5rem)}.member-empty-state p{font-size:.9375rem;color:var(--color-gray-500,#6b7280);margin-bottom:var(--spacing-lg,1.5rem)}.member-cta-button{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 var(--spacing-xl,2rem);font-family:var(--text,Inter,Arial,sans-serif);font-size:14px;font-weight:400;color:#fff;background:var(--color-green,#0d9f3e);border-radius:var(--radius-lg,12px);text-decoration:none;transition:background var(--transition-fast,.15s ease)}.member-cta-button:hover{background:#0b8a35}.member-boxes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--spacing-lg,1.5rem);gap:var(--spacing-lg,1.5rem)}.member-box-card{background:#fff;border:1px solid var(--color-gray-200,#e5e7eb);border-radius:var(--radius-lg,12px);overflow:hidden;transition:box-shadow var(--transition-fast,.15s ease)}.member-box-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.member-box-card.expired{opacity:.7}.member-box-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md,1rem);background:var(--color-gray-100,#f5f5f5);border-bottom:1px solid var(--color-gray-200,#e5e7eb)}.member-box-card-size{display:flex;align-items:center;gap:var(--spacing-sm,.5rem)}.member-box-size-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;font-family:Satoshi,sans-serif;font-size:.875rem;font-weight:700;color:var(--color-green,#0d9f3e);background:rgba(13,159,62,.15);border-radius:var(--radius-md,8px)}.member-box-id{font-family:Satoshi,sans-serif;font-size:1rem;font-weight:600;color:var(--color-black,#141414)}.member-box-status{font-size:.75rem;font-weight:600;padding:var(--spacing-xs,.25rem) var(--spacing-sm,.5rem);border-radius:var(--radius-sm,4px)}.member-box-status.active{color:#166534;background:#dcfce7}.member-box-status.inactive{color:var(--color-gray-700,#374151);background:var(--color-gray-200,#e5e7eb)}.member-box-card-body{padding:var(--spacing-md,1rem)}.member-box-info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm,.5rem) 0;border-bottom:1px solid var(--color-gray-100,#f5f5f5)}.member-box-info-row:last-child{border-bottom:none}.member-box-label{font-size:.875rem;color:var(--color-gray-500,#6b7280)}.member-box-value{font-size:.875rem;color:var(--color-black,#141414);text-align:right}.member-box-price{font-weight:600;color:var(--color-green,#0d9f3e)}.member-box-card-footer{padding:var(--spacing-md,1rem);border-top:1px solid var(--color-gray-200,#e5e7eb)}.member-box-extend-link{display:block;text-align:center;font-size:.875rem;font-weight:500;color:var(--color-green,#0d9f3e);text-decoration:none;transition:color var(--transition-fast,.15s ease)}.member-box-extend-link:hover{color:#0b8a35;text-decoration:underline}.member-invoices-table{display:flex;flex-direction:column}.member-invoices-header{padding:var(--spacing-sm,.5rem) var(--spacing-md,1rem);font-size:.75rem;font-weight:600;color:var(--color-gray-500,#6b7280);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-gray-200,#e5e7eb)}.member-invoice-row,.member-invoices-header{display:grid;grid-template-columns:100px 1fr 120px 120px 100px;grid-gap:var(--spacing-md,1rem);gap:var(--spacing-md,1rem)}.member-invoice-row{align-items:center;padding:var(--spacing-md,1rem);border-bottom:1px solid var(--color-gray-100,#f5f5f5);transition:background var(--transition-fast,.15s ease)}.member-invoice-row:hover{background:var(--color-gray-100,#f5f5f5)}.member-invoice-row:last-child{border-bottom:none}.member-invoice-type-badge{display:inline-flex;padding:var(--spacing-xs,.25rem) var(--spacing-sm,.5rem);font-size:.75rem;font-weight:600;border-radius:var(--radius-sm,4px)}.member-invoice-type-badge.proforma{color:#854d0e;background:#fef3c7}.member-invoice-type-badge.invoice{color:#166534;background:#dcfce7}.member-invoice-amount{font-weight:600;color:var(--color-black,#141414)}.member-invoice-date{font-size:.875rem;color:var(--color-gray-500,#6b7280)}.member-invoice-paid{display:flex;align-items:center;gap:var(--spacing-xs,.25rem);font-size:.8125rem;color:var(--color-green,#0d9f3e)}.member-invoice-unpaid{font-size:.8125rem;color:var(--color-gray-500,#6b7280)}.member-invoice-actions{display:flex;align-items:center;gap:var(--spacing-sm,.5rem)}.member-invoice-download{display:flex;align-items:center;gap:var(--spacing-xs,.25rem);padding:var(--spacing-sm,.5rem);font-size:.8125rem;font-weight:500;color:var(--color-green,#0d9f3e);background:transparent;border:1px solid var(--color-green,#0d9f3e);border-radius:var(--radius-md,8px);cursor:pointer;transition:all var(--transition-fast,.15s ease)}.member-invoice-download:hover:not(:disabled){background:rgba(13,159,62,.1)}.member-invoice-download:disabled{opacity:.6;cursor:not-allowed}.member-invoice-download-text{display:none}.member-invoice-error{display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:.75rem;font-weight:700;color:#fff;background:#dc2626;border-radius:50%;cursor:help}.member-dashboard-footer{padding:var(--spacing-lg,1.5rem);text-align:center;border-top:1px solid var(--color-gray-200,#e5e7eb);background:#fff}.member-dashboard-footer p{font-size:.875rem;color:var(--color-gray-500,#6b7280)}.member-dashboard-footer a{color:var(--color-green,#0d9f3e);text-decoration:none}.member-dashboard-footer a:hover{text-decoration:underline}@media screen and (max-width:767px){.member-login-card{padding:var(--spacing-lg,1.5rem)}.member-dashboard-header-content{flex-direction:column;align-items:flex-start}.member-dashboard-user{width:100%;justify-content:space-between}.member-dashboard-tabs{flex-direction:column}.member-tab{justify-content:flex-start}.member-boxes-grid{grid-template-columns:1fr}.member-invoices-header{display:none}.member-invoice-row{grid-template-columns:1fr;gap:var(--spacing-sm,.5rem);padding:var(--spacing-md,1rem);background:var(--color-gray-100,#f5f5f5);border-radius:var(--radius-md,8px);margin-bottom:var(--spacing-sm,.5rem)}.member-invoice-row:hover{background:var(--color-gray-200,#e5e7eb)}.member-invoice-type{order:1}.member-invoice-amount{order:2;font-size:1.125rem}.member-invoice-date{order:3}.member-invoice-status{order:4}.member-invoice-actions{order:5;margin-top:var(--spacing-sm,.5rem)}.member-invoice-download{width:100%;justify-content:center;padding:var(--spacing-md,1rem)}.member-invoice-download-text{display:inline}}@media screen and (min-width:768px) and (max-width:991px){.member-boxes-grid{grid-template-columns:repeat(2,1fr)}.member-invoice-row,.member-invoices-header{grid-template-columns:90px 1fr 100px 100px 90px}}