:root{--color-bg-primary:#0f172a;--color-bg-secondary:#1e293b;--color-bg-tertiary:#334155;--color-bg-elevated:#1e293b;--color-bg-hover:#334155;--color-border:#334155;--color-border-focus:#3b82f6;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-accent:#3b82f6;--color-accent-hover:#2563eb;--color-accent-light:#3b82f61a;--color-success:#10b981;--color-success-bg:#10b9811a;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1a;--color-error:#ef4444;--color-error-bg:#ef44441a;--color-info:#06b6d4;--color-info-bg:#06b6d41a;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0000004d;--transition-fast:.15s ease;--transition-normal:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg-primary);min-height:100vh;line-height:1.6}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover)}.portal-layout{min-height:100vh;display:flex}.portal-layout__sidebar{background:var(--color-bg-secondary);border-right:1px solid var(--color-border);z-index:100;flex-direction:column;width:260px;display:flex;position:fixed;top:0;bottom:0;left:0}.portal-layout__main{flex-direction:column;flex:1;margin-left:260px;display:flex}.portal-layout__header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);height:64px;padding:0 var(--space-lg);z-index:50;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.portal-layout__content{padding:var(--space-xl);flex:1;width:100%;max-width:1400px;margin:0 auto}.sidebar__logo{padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.sidebar__logo-title{font-size:var(--text-xl);color:var(--color-text-primary);align-items:center;gap:var(--space-sm);font-weight:700;display:flex}.sidebar__logo-subtitle{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-xs)}.sidebar__nav{padding:var(--space-md);flex:1;overflow-y:auto}.sidebar__nav-section{margin-bottom:var(--space-lg)}.sidebar__nav-title{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-sm) var(--space-md);font-weight:600}.sidebar__nav-link{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);display:flex}.sidebar__nav-link:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar__nav-link--active{background:var(--color-accent-light);color:var(--color-accent)}.sidebar__nav-link svg{flex-shrink:0;width:20px;height:20px}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.card__header{padding:var(--space-lg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.card__title{font-size:var(--text-lg);color:var(--color-text-primary);font-weight:600}.card__body{padding:var(--space-lg)}.card__footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);background:var(--color-bg-tertiary)}.stats-grid{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.stat-card__value{font-size:var(--text-3xl);color:var(--color-text-primary);font-weight:700;line-height:1}.stat-card__label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-xs)}.stat-card__trend{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);margin-top:var(--space-sm);display:flex}.stat-card__trend--up{color:var(--color-success)}.stat-card__trend--down{color:var(--color-error)}.table-container{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--color-border)}.table th{font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-tertiary);white-space:nowrap;font-weight:600}.table td{font-size:var(--text-sm);color:var(--color-text-primary)}.table tbody tr:hover{background:var(--color-bg-hover)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:500;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn--secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-bg-hover)}.btn--danger{background:var(--color-error);color:#fff}.btn--danger:hover:not(:disabled){background:#dc2626}.btn--ghost{color:var(--color-text-secondary);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.btn--sm{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.btn--icon{padding:var(--space-sm)}.badge{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);border-radius:var(--radius-full);align-items:center;font-weight:500;display:inline-flex}.badge--success{background:var(--color-success-bg);color:var(--color-success)}.badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge--error{background:var(--color-error-bg);color:var(--color-error)}.badge--info{background:var(--color-info-bg);color:var(--color-info)}.badge--neutral{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.form-group{margin-bottom:var(--space-lg)}.form-label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xs);font-weight:500;display:block}.form-input{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.form-input:focus{border-color:var(--color-border-focus);outline:none}.form-input::placeholder{color:var(--color-text-muted)}.search-bar{max-width:400px;position:relative}.search-bar__input{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding-left:2.5rem}.search-bar__input:focus{border-color:var(--color-border-focus);outline:none}.search-bar__icon{left:var(--space-md);color:var(--color-text-muted);width:18px;height:18px;position:absolute;top:50%;transform:translateY(-50%)}.modal-overlay{z-index:1000;padding:var(--space-lg);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;width:100%;max-width:500px;max-height:90vh;display:flex;overflow:hidden}.modal__header{padding:var(--space-lg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--text-lg);font-weight:600}.modal__body{padding:var(--space-lg);overflow-y:auto}.modal__footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);justify-content:flex-end;gap:var(--space-sm);display:flex}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-sm{font-size:var(--text-sm)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page-title{font-size:var(--text-2xl);color:var(--color-text-primary);font-weight:700}.page-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-xs)}.pagination{align-items:center;gap:var(--space-sm);display:flex}.pagination__btn{padding:var(--space-xs) var(--space-sm);min-width:32px;height:32px;font-size:var(--text-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.pagination__btn:hover:not(:disabled){background:var(--color-bg-hover)}.pagination__btn--active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.pagination__btn:disabled{opacity:.5;cursor:not-allowed}.empty-state__icon{width:64px;height:64px;margin:0 auto var(--space-lg);opacity:.5}.empty-state__title{font-size:var(--text-lg);color:var(--color-text-primary);font-weight:600}.empty-state__description{font-size:var(--text-sm);margin-top:var(--space-sm)}.avatar{border-radius:var(--radius-full);background:var(--color-bg-tertiary);width:40px;height:40px;font-weight:600;font-size:var(--text-sm);color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}.avatar--sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar--lg{width:48px;height:48px;font-size:var(--text-lg)}.tabs{border-bottom:1px solid var(--color-border);gap:var(--space-xs);display:flex}.tab{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;font-weight:500}.tab:hover{color:var(--color-text-primary)}.tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.alert{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);align-items:center;gap:var(--space-sm);display:flex}.alert--success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.alert--warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning)}.alert--error{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error)}.alert--info{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info)}.mb-xs{margin-bottom:var(--space-xs)}.code{font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.form-help{align-items:center;gap:var(--space-sm);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-xs);display:flex}.btn--warning{background:var(--color-warning);color:#1e293b}.btn--warning:hover:not(:disabled){background:#d97706}.btn--success{background:var(--color-success);color:#fff}.btn--success:hover:not(:disabled){background:#059669}.btn--neutral{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn--neutral:hover:not(:disabled){background:var(--color-bg-hover)}.btn--lg{padding:var(--space-md) var(--space-lg);font-size:var(--text-base)}textarea.form-input{resize:vertical;min-height:80px;font-family:var(--font-sans)}.form-row{gap:var(--space-md);display:grid}.form-row--2{grid-template-columns:1fr 1fr}.form-row--3{grid-template-columns:1fr 1fr 1fr}.form-required{color:var(--color-error);margin-left:2px}.form-section{margin-bottom:var(--space-xl)}.form-section__title{font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);font-weight:600}.checkbox-label{align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-text-primary);cursor:pointer;display:flex}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer}.modal--lg{max-width:640px}.modal--xl{max-width:800px}.modal__close{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-lg);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal__close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.detail-grid{gap:var(--space-md);display:grid}.detail-item__label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px;font-weight:500}.detail-item__value{font-size:var(--text-sm);color:var(--color-text-primary)}.page-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:flex-start;gap:var(--space-md);flex-wrap:wrap;display:flex}.page-header__left{align-items:center;gap:var(--space-md);display:flex}.page-header__actions,.filter-bar{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.filter-group{border-radius:var(--radius-md);border:1px solid var(--color-border);display:inline-flex;overflow:hidden}.filter-group__btn{padding:var(--space-xs) var(--space-md);font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--color-bg-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;font-weight:500}.filter-group__btn:not(:last-child){border-right:1px solid var(--color-border)}.filter-group__btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.filter-group__btn--active{background:var(--color-accent);color:#fff}.filter-group__btn--active:hover{background:var(--color-accent-hover)}.toast{bottom:var(--space-xl);right:var(--space-xl);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--text-sm);z-index:2000;box-shadow:var(--shadow-lg);font-weight:500;animation:.3s toast-in;position:fixed}.toast--success{background:var(--color-success);color:#fff}.toast--error{background:var(--color-error);color:#fff}.toast--info{background:var(--color-accent);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.info-grid{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.capitalize{text-transform:capitalize}.ml-sm{margin-left:var(--space-sm)}.mr-sm{margin-right:var(--space-sm)}@media (width<=768px){.portal-layout__sidebar{transition:transform var(--transition-normal);transform:translate(-100%)}.portal-layout__sidebar--open{transform:translate(0)}.portal-layout__main{margin-left:0}.stats-grid{grid-template-columns:1fr}.page-header{flex-direction:column}.page-header__actions{justify-content:flex-start;width:100%}.info-grid,.form-row--2,.form-row--3{grid-template-columns:1fr}.filter-bar{flex-direction:column;align-items:stretch}}.portal-layout__menu-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:none}.portal-layout__menu-btn:hover{background:var(--color-bg-hover);border-color:var(--color-text-muted)}.portal-layout__menu-btn svg{width:20px;height:20px}.portal-layout__overlay{z-index:90;background:#00000080;animation:.2s fadeIn;display:none;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.portal-layout__header-user{align-items:center;gap:var(--space-md);display:flex}.portal-layout__header-email{font-size:var(--text-sm);color:var(--color-text-secondary)}.sidebar__footer{padding:var(--space-md);border-top:1px solid var(--color-border);margin-top:auto}.sidebar__user{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.sidebar__user-info{flex:1;min-width:0}.sidebar__user-name{font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar__user-role{font-size:var(--text-xs);color:var(--color-text-muted)}.sidebar__logout-btn{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;display:flex}.sidebar__logout-btn:hover{background:var(--color-bg-hover);border-color:var(--color-error);color:var(--color-error)}.sidebar__logout-btn svg{width:16px;height:16px}@media (width<=768px){.portal-layout__menu-btn{display:flex}.portal-layout__overlay{display:block}.portal-layout__header-email{display:none}.portal-layout__content{padding:var(--space-md)}}.form-select{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--text-base);font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-sm) center;padding-right:2.5rem}.form-select:focus{border-color:var(--color-border-focus);outline:none}.form-textarea{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--text-base);font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);resize:vertical;min-height:100px;transition:border-color var(--transition-fast)}.form-textarea:focus{border-color:var(--color-border-focus);outline:none}.form-textarea::placeholder{color:var(--color-text-muted)}.review__grid{gap:var(--space-sm) var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.review__label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.review__value{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500}@media (width<=640px){.review__grid{grid-template-columns:1fr}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.text-brand{background:linear-gradient(135deg, var(--color-accent), #06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.card--brand-border{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent-light)}.detail-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.loading-spinner{border:2.5px solid var(--color-border);border-top-color:var(--color-accent);border-radius:var(--radius-full);width:24px;height:24px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--color-text-muted)}.empty-state__icon{width:64px;height:64px;margin:0 auto var(--space-lg);background:var(--color-bg-tertiary);border-radius:var(--radius-full);color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.empty-state__title{font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--space-sm);font-weight:600}.empty-state__description{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:400px;margin:0 auto}@media (width<=768px){.detail-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}}.signup-requests__table{display:block}.signup-requests__row{cursor:pointer;transition:background-color .15s}.signup-requests__row:hover{background-color:var(--color-bg-tertiary)}.signup-requests__mobile{display:none}.signup-requests__card{padding:var(--space-md);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background-color .15s}.signup-requests__card:hover{background-color:var(--color-bg-tertiary)}.signup-requests__card:last-child{border-bottom:none}.signup-requests__card-header{margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.signup-requests__card-body{margin-bottom:var(--space-sm)}.signup-requests__card-footer{justify-content:space-between;align-items:center;display:flex}@media (width<=768px){.signup-requests__table{display:none}.signup-requests__mobile{display:block}}.detail-item{margin-bottom:var(--space-md)}.detail-item__label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.detail-item__value{color:var(--color-text-primary)}.code{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-bg-tertiary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}