.info-box{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.5}.info-box--info{background-color:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:var(--text-primary)}.info-box--warning{background-color:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:var(--text-primary)}.info-box--success{background-color:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--text-primary)}.info-box--error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--text-primary)}.info-box__icon{flex-shrink:0;font-size:var(--text-base)}.info-box__content{flex:1}._joinButton_16xf9_1{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:2px solid var(--color-primary);background-color:transparent;color:var(--color-primary);border-radius:.5rem;cursor:pointer;transition:all .2s ease}._joinButton_16xf9_1:hover{background-color:var(--color-primary);color:#fff}._joinButton_16xf9_1:focus{outline:2px solid var(--color-primary);outline-offset:2px}._joinButton_16xf9_1:active{transform:scale(.98)}._modal_16xf9_27{padding:2rem}._inputContainer_16xf9_31{margin-bottom:1.5rem}._input_16xf9_31{width:100%;padding:.75rem;font-size:1rem;border:2px solid var(--color-border);border-radius:.5rem;text-transform:uppercase}._input_16xf9_31:focus{outline:none;border-color:var(--color-primary)}._input_16xf9_31._error_16xf9_49{border-color:var(--color-error)}._errorMessage_16xf9_53{margin-top:1rem;padding:.75rem;background-color:#fef2f2;border:1px solid #dc2626;border-radius:.5rem;color:#991b1b;font-size:.875rem;font-weight:500;line-height:1.5}._successMessage_16xf9_65{margin-top:1rem;padding:.75rem;background-color:#f0fdf4;border:1px solid #16a34a;border-radius:.5rem;color:#166534;font-size:.875rem;font-weight:500;line-height:1.5}._successActions_16xf9_77{margin-top:1.5rem;display:flex;gap:1rem;justify-content:flex-end}._loadingSpinner_16xf9_84{display:inline-block;width:1rem;height:1rem;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:_spin_16xf9_1 .6s linear infinite;margin-right:.5rem}@keyframes _spin_16xf9_1{to{transform:rotate(360deg)}}._buttonGroup_16xf9_101{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.app-container{display:flex;flex-direction:column;min-height:100vh}.nav-bar{background:var(--bg-surface);border-bottom:1px solid var(--border);padding:0 var(--space-lg);position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-sm)}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.nav-brand{display:flex;align-items:center}.brand-name{font-size:1.25rem;font-weight:700;color:var(--text);margin:0}.brand-accent{color:var(--primary)}.nav-items{display:flex;gap:var(--space-lg)}.nav-item{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:var(--space-base) var(--space-sm);position:relative;transition:color .2s}.nav-item:hover{color:var(--text)}.nav-item.active{color:var(--primary)}.nav-item.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--primary)}.nav-separator{width:1px;height:20px;background:var(--border);margin:0 var(--space-sm);align-self:center}.nav-item-signout{color:var(--text-secondary)}.nav-item-signout:hover{color:var(--error)}.main-content{flex:1;overflow-y:auto}.debug-modal-backdrop{position:fixed;inset:0;background:#0009;z-index:9998;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.debug-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;max-width:900px;width:90%;max-height:85vh;overflow-y:auto;animation:slideUp .3s ease-out}.debug-modal-card{background:var(--surface);box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--border)}.debug-modal-header{display:flex;justify-content:space-between;align-items:center}.debug-output{background:var(--background);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.debug-trigger{position:fixed;bottom:20px;right:20px;z-index:9997;animation:slideIn .3s ease-out}.debug-trigger button{width:48px;height:48px;border-radius:50%;background:var(--primary);color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.debug-trigger button:hover{transform:scale(1.1);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--primary: #34d399;--primary-hover: #10b981;--secondary: #60a5fa;--secondary-hover: #3b82f6;--success: #34d399;--danger: #ef4444;--warning: #f59e0b;--bg-base: #0f172a;--bg-surface: #1e293b;--bg-hover: #334155;--bg-overlay: rgba(0, 0, 0, .7);--text: #FFFFFF;--text-secondary: #d1d5db;--text-muted: #9ca3af;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .12);--space-xs: 6px;--space-sm: 8px;--space-md: 16px;--space-base: 20px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-md: 18px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 40px;--font-size-4xl: 48px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.6;--leading-relaxed: 1.75;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .3);--blur: blur(10px);--transition: .3s ease;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-popover: 500;--z-tooltip: 600}[data-theme=light]{--bg-base: #FFFFFF;--bg-surface: rgba(0, 0, 0, .03);--bg-hover: rgba(0, 0, 0, .05);--bg-overlay: rgba(255, 255, 255, .9);--text: #0A0A0B;--text-secondary: rgba(0, 0, 0, .7);--text-muted: rgba(0, 0, 0, .5);--border: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .12);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .15)}.btn{padding:14px 24px;font-size:14px;font-weight:600;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text);cursor:pointer;transition:all var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);outline:none;text-decoration:none;white-space:nowrap;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.btn:hover:not(:disabled){transform:translateY(-2px);background:var(--bg-hover);border-color:var(--border-hover)}.btn:active:not(:disabled){transform:translateY(0)}.btn:focus-visible{box-shadow:0 0 0 3px #34d39933}.btn:disabled{opacity:.3;cursor:not-allowed}.btn.primary{background:var(--primary);border-color:transparent;color:#fff}.btn.primary:hover:not(:disabled){background:var(--primary-hover);opacity:1;box-shadow:0 8px 24px #34d3994d}.btn.secondary{background:var(--secondary);border-color:transparent;color:var(--bg-base)}.btn.secondary:hover:not(:disabled){background:var(--secondary-hover)}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn.ghost:hover:not(:disabled){background:var(--bg-surface);color:var(--text)}.btn.small{padding:8px 16px;font-size:var(--font-size-sm)}.btn.large{padding:18px 32px;font-size:var(--font-size-lg)}.btn.full-width{width:100%}.field{display:flex;flex-direction:column;gap:var(--space-sm);width:100%;margin-bottom:20px}.label{font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.label.required:after{content:" *";color:var(--danger)}.input{padding:14px 16px;font-size:14px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);transition:all var(--transition);width:100%;outline:none;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.input::placeholder{color:var(--text-muted)}.input:hover:not(:disabled):not(:focus){border-color:var(--border-hover);background:var(--bg-hover)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #34d39933}.input:disabled{opacity:.3;cursor:not-allowed}.input.error{border-color:var(--danger)}.input.success{border-color:var(--success)}.helper{font-size:12px;color:var(--text-muted);margin-top:6px}.helper.error{color:var(--danger)}.helper.success{color:var(--success)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);padding:24px;transition:all var(--transition)}.card.clickable{cursor:pointer}.card.clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-hover)}.card-header{padding:24px;border-bottom:1px solid var(--border);margin:-24px -24px 24px}.card-body{padding:0}.card-footer{padding:24px;border-top:1px solid var(--border);background:#ffffff05;margin:24px -24px -24px}.badge{display:inline-flex;align-items:center;padding:4px 12px;font-size:var(--font-size-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary)}.badge.success{background:#34d3991a;border-color:#34d3994d;color:var(--success)}.badge.danger{background:#ef44441a;border-color:#ef44444d;color:var(--danger)}.badge.warning{background:#f59e0b1a;border-color:#f59e0b4d;color:var(--warning)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.max-w-sm{max-width:400px}.max-w-md{max-width:600px}.max-w-lg{max-width:800px}.max-w-xl{max-width:1200px}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.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)}.flex-row{display:flex;align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.stat{display:flex;flex-direction:column;gap:4px;background:var(--bg-surface);padding:var(--space-md);border-radius:var(--radius);box-shadow:var(--shadow-sm);text-align:center;min-width:120px}.stat-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-medium)}.stat-value{font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:8px}.stat-trend{font-size:var(--font-size-base);font-weight:400}.stat-trend.up{color:var(--success)}.stat-trend.down{color:var(--danger)}.stat-trend.neutral{color:var(--text-secondary)}.heading{font-weight:var(--font-bold);color:var(--text);margin:0;line-height:var(--leading-tight)}.heading.h1{font-size:var(--font-size-4xl)}.heading.h2{font-size:var(--font-size-3xl)}.heading.h3{font-size:var(--font-size-2xl)}.heading.h4{font-size:var(--font-size-xl)}.heading.h5{font-size:var(--font-size-lg)}.heading.h6{font-size:var(--font-size-md)}.text{margin:0;line-height:var(--leading-normal)}.text.text-base{color:var(--text)}.text.text-secondary{color:var(--text-secondary)}.text.text-muted{color:var(--text-muted)}.text.text-danger{color:var(--danger)}.text.text-success{color:var(--success)}.text.text-warning{color:var(--warning)}.text.text-size-xs{font-size:var(--font-size-xs)}.text.text-size-sm{font-size:var(--font-size-sm)}.text.text-size-md{font-size:var(--font-size-md)}.text.text-size-lg{font-size:var(--font-size-lg)}.text.text-size-xl{font-size:var(--font-size-xl)}.center-layout{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:var(--space-lg)}.center-layout.gradient-bg{background:linear-gradient(135deg,#34d3991a,#34d3990d)}.form-layout{display:flex;flex-direction:column;gap:var(--space-lg);width:100%}.form-layout.max-w-sm{max-width:400px}.form-layout.max-w-md{max-width:600px}.form-layout.max-w-lg{max-width:800px}.stack{display:flex;flex-direction:column}.stack.gap-xs{gap:var(--space-xs)}.stack.gap-sm{gap:var(--space-sm)}.stack.gap-md{gap:var(--space-md)}.stack.gap-base{gap:var(--space-base)}.stack.gap-lg{gap:var(--space-lg)}.stack.gap-xl{gap:var(--space-xl)}.screen{min-height:100vh;padding:var(--space-xl)}.screen-centered{display:flex;flex-direction:column;justify-content:center;align-items:center}.spinner{display:inline-block;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}.spinner.small{width:16px;height:16px}.spinner.medium{width:24px;height:24px}.spinner.large{width:32px;height:32px}@keyframes spin{to{transform:rotate(360deg)}}.toggle{display:inline-flex;align-items:center;gap:var(--space-sm);cursor:pointer}.toggle input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-full);transition:all var(--transition)}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-secondary);border-radius:50%;transition:all var(--transition)}.toggle input:checked+.toggle-switch{background:var(--primary);border-color:var(--primary)}.toggle input:checked+.toggle-switch:after{transform:translate(24px);background:#fff}.toggle-label{color:var(--text);font-size:var(--font-size-base)}.meta-item{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--text-secondary)}.meta-icon{display:flex;align-items:center;color:var(--text-muted)}.meta-label{color:var(--text-muted)}.meta-value{color:var(--text-secondary);font-weight:var(--font-medium)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.table-header{color:var(--text-muted);border-bottom:1px solid var(--border)}.table-header-cell{padding:var(--space-sm) var(--space-xs);text-align:left;font-weight:var(--font-medium);color:var(--text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px}.table-body{color:var(--text)}.table-row{border-bottom:1px solid var(--border);transition:background-color var(--transition)}.table-row:hover{background-color:var(--bg-hover)}.table-row.highlighted{background-color:var(--bg-hover);color:var(--secondary)}.table-cell{padding:var(--space-sm) var(--space-xs);color:var(--text-secondary)}.select{padding:14px 40px 14px 16px;font-size:14px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);transition:all var(--transition);width:100%;outline:none;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23d1d5db' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.select:hover:not(:disabled):not(:focus){border-color:var(--border-hover);background-color:var(--bg-hover)}.select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #34d39933}.select:disabled{opacity:.3;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.modal-content{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:500px;width:100%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-2xl)}.modal-close{position:absolute;top:var(--space-md);right:var(--space-md);background:transparent;border:none;font-size:2rem;color:var(--text-muted);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);transition:all var(--transition)}.modal-close:hover{background:var(--bg-hover);color:var(--text)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-base);color:var(--text);min-height:100vh}#root{min-height:100vh}