.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--border-primary);min-height:var(--topbar-height)}.sidebar-logo{display:flex;align-items:center}.sidebar-logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.02em}.sidebar-toggle-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.sidebar-toggle-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.sidebar-nav{display:flex;flex-direction:column;padding:var(--spacing-sm);gap:var(--spacing-xs);flex:1;overflow-y:auto}.sidebar-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:var(--font-size-base);font-family:var(--font-family-sans);text-align:left;width:100%;position:relative}.sidebar-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.sidebar-item.active{background-color:#3b82f626;color:var(--accent-blue);border-left:2px solid var(--accent-blue)}.sidebar-item-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.sidebar-item-label{flex:1;text-align:left}.sidebar-item-badge{background-color:var(--status-danger);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px 6px;border-radius:var(--radius-full);min-width:18px;text-align:center}.workspace-sidebar.collapsed .sidebar-item{justify-content:center;padding:var(--spacing-sm)}.workspace-sidebar.collapsed .sidebar-item-icon{margin:0}.breadcrumbs{margin-right:var(--spacing-md)}.breadcrumbs-list{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:var(--spacing-xs)}.breadcrumbs-item{display:flex;align-items:center}.breadcrumbs-separator{color:var(--text-tertiary);margin:0 var(--spacing-xs)}.breadcrumbs-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:var(--font-family-sans);transition:all var(--transition-fast)}.breadcrumbs-link:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.breadcrumbs-current{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm)}.topbar-content{flex:1;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.panel{flex-shrink:0;position:relative;overflow:hidden}.panel-content{overflow:hidden;flex:1;display:flex;flex-direction:column;min-height:0}.panel-resizer{position:absolute;right:0;top:0;bottom:0;width:4px;z-index:10;cursor:col-resize}.panel-group{display:flex;flex:1;overflow:hidden;background-color:var(--border-primary)}.panel-group-horizontal{flex-direction:row}.panel-group-vertical{flex-direction:column}.contextual-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:var(--z-modal-backdrop)}.contextual-sidebar{position:fixed;top:0;right:0;bottom:0;width:var(--panel-default-width);background-color:var(--bg-secondary);border-left:1px solid var(--border-primary);box-shadow:var(--shadow-xl);z-index:var(--z-modal);display:flex;flex-direction:column;animation:slideInRight var(--transition-base)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.contextual-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--border-primary);min-height:56px}.contextual-sidebar-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.contextual-sidebar-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-2xl);line-height:1;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.contextual-sidebar-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.contextual-sidebar-content{flex:1;overflow-y:auto;padding:var(--spacing-md)}.advanced-table-container{display:flex;flex-direction:column;height:100%;flex:1;min-height:0}.table-wrapper{flex:1;overflow:auto;min-height:0}.table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);gap:var(--spacing-md);color:var(--text-secondary)}.table-empty{padding:var(--spacing-2xl)}.table-bulk-actions{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--border-primary);background-color:var(--bg-tertiary)}.bulk-actions-count{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.table-header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs)}.table-sort-indicator{color:var(--accent-blue);font-size:var(--font-size-sm);margin-left:var(--spacing-xs)}.sort-placeholder{color:var(--text-tertiary);opacity:.5}.table-checkbox-col{width:40px;padding:var(--spacing-sm)!important;text-align:center}.table-checkbox-col input[type=checkbox]{cursor:pointer;width:16px;height:16px}.search-bar{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all var(--transition-fast);max-width:400px;width:100%}.search-bar.focused{border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f633}.search-icon{color:var(--text-tertiary);font-size:var(--font-size-base);flex-shrink:0}.search-input{flex:1;border:none;background:none;color:var(--text-primary);font-size:var(--font-size-base);font-family:var(--font-family-sans);outline:none}.search-input::placeholder{color:var(--text-tertiary)}.search-clear{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:var(--font-size-xl);line-height:1;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast);flex-shrink:0}.search-clear:hover{color:var(--text-primary)}.quick-filters{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.quick-filter-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--border-primary);background-color:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-family:var(--font-family-sans);transition:all var(--transition-fast)}.quick-filter-btn:hover{background-color:var(--bg-elevated);border-color:var(--border-secondary);color:var(--text-primary)}.quick-filter-btn.active{background-color:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.quick-filter-count{background-color:#fff3;padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.quick-filter-btn.active .quick-filter-count{background-color:#ffffff4d}.super-admin-login{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-tertiary)}.login-card{background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:400px;text-align:center}.login-card h1{font-size:1.5rem;margin-bottom:var(--spacing-sm)}.login-card .input-field{margin:var(--spacing-md) 0}.super-admin-badge{background-color:var(--accent-primary);color:#fff;padding:4px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;letter-spacing:.5px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.stat-card{background:#fff;padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color)}.stat-card.success{border-left:4px solid var(--success-color)}.stat-card.danger{border-left:4px solid var(--danger-color)}.stat-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:4px}.stat-value{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.stat-subtext{font-size:.75rem;color:var(--text-tertiary);margin-top:4px}.monetization-dashboard{padding:var(--spacing-lg)}.section-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-xs)}.section-subtitle{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.monetization-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.monetization-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);transition:transform .2s ease}.monetization-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-header{display:flex;justify-content:space-between;align-items:center}.card-header h3{margin:0;font-size:1.125rem;font-weight:600}.card-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.tiers-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:var(--spacing-sm) 0}.tier-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.tier-name{font-weight:500;font-size:.875rem}.tier-price{font-weight:600;color:var(--accent-primary)}.tier-detail{font-size:.75rem;color:var(--text-tertiary)}.marketplace-preview{background:linear-gradient(to bottom right,white,var(--bg-secondary))}.marketplace-stats{display:flex;gap:var(--spacing-xl);padding:var(--spacing-md) 0}.m-stat{text-align:center}.m-value{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.m-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.placeholder-chart{height:100px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:var(--spacing-sm);background:#00000005;border-radius:var(--radius-md)}.chart-bar{width:100%;background:var(--border-color);border-radius:2px;opacity:.5}.coming-soon-text{text-align:center;font-size:.875rem;color:var(--text-tertiary);font-style:italic}.tenant-admin-login{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-primary)}.login-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-2xl);max-width:400px;width:100%}.login-card h1{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-2xl)}.login-card p{margin:0 0 var(--spacing-lg) 0}.overview-content,.api-keys-content,.team-content,.workspace-content,.billing-content,.settings-content{padding:var(--spacing-md)}.error-banner{background-color:var(--status-danger);color:#fff;padding:var(--spacing-md);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between}.error-banner button{background:none;border:none;color:#fff;cursor:pointer;font-size:var(--font-size-xl);line-height:1}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-primary: #0a0e27;--bg-secondary: #1a203c;--bg-tertiary: #1f2937;--bg-elevated: #2d3748;--text-primary: #e0e7ff;--text-secondary: #9ca3af;--text-tertiary: #6b7280;--text-inverse: #0a0e27;--border-primary: #374151;--border-secondary: #4b5563;--border-subtle: #1f2937;--accent-blue: #3b82f6;--accent-blue-dark: #2563eb;--accent-blue-light: #60a5fa;--status-success: #10b981;--status-success-dark: #059669;--status-danger: #ef4444;--status-danger-dark: #dc2626;--status-warning: #f59e0b;--status-warning-dark: #d97706;--status-info: #60a5fa;--status-info-dark: #3b82f6;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 40px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .3);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--topbar-height: 56px;--panel-min-width: 300px;--panel-default-width: 400px}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-family-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.workspace-layout{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:var(--bg-primary)}.workspace-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background-color:var(--bg-secondary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;transition:width var(--transition-base);overflow:hidden}.workspace-sidebar.collapsed{width:var(--sidebar-collapsed-width);min-width:var(--sidebar-collapsed-width)}.workspace-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.workspace-topbar{height:var(--topbar-height);min-height:var(--topbar-height);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;padding:0 var(--spacing-md);gap:var(--spacing-md)}.workspace-content{flex:1;display:flex;overflow:hidden;position:relative}.panel-group{display:flex;flex:1;overflow:hidden;gap:1px;background-color:var(--border-primary)}.panel{background-color:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden;position:relative;height:100%}.panel-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-primary);background-color:var(--bg-tertiary);display:flex;align-items:center;justify-content:space-between;min-height:48px}.panel-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.panel-content{flex:1;overflow:auto;padding:var(--spacing-md);min-height:0}.panel-footer{padding:var(--spacing-md);border-top:1px solid var(--border-primary);background-color:var(--bg-tertiary)}.panel-resizer{width:4px;background-color:var(--border-primary);cursor:col-resize;position:relative;flex-shrink:0;transition:background-color var(--transition-fast)}.panel-resizer:hover,.panel-resizer.active{background-color:var(--accent-blue)}.grid{display:grid;gap:var(--spacing-md)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.contextual-sidebar{width:var(--panel-default-width);min-width:var(--panel-min-width);background-color:var(--bg-secondary);border-left:1px solid var(--border-primary);display:flex;flex-direction:column;position:relative;transition:transform var(--transition-base)}.contextual-sidebar.hidden{transform:translate(100%)}@media (max-width: 1024px){.workspace-sidebar{width:var(--sidebar-collapsed-width);min-width:var(--sidebar-collapsed-width)}.contextual-sidebar{position:absolute;right:0;top:0;bottom:0;z-index:var(--z-modal);box-shadow:var(--shadow-xl)}}.btn{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:var(--font-family-sans);transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);line-height:1;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--accent-blue);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--accent-blue-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-elevated);border-color:var(--border-secondary)}.btn-danger{background-color:var(--status-danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--status-danger-dark)}.btn-success{background-color:var(--status-success);color:#fff}.btn-success:hover:not(:disabled){background-color:var(--status-success-dark)}.btn-warning{background-color:var(--status-warning);color:var(--text-inverse)}.btn-warning:hover:not(:disabled){background-color:var(--status-warning-dark)}.btn-ghost{background-color:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md)}.input-field,.select-field,.textarea-field{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-primary);border-radius:var(--radius-md);background-color:var(--bg-tertiary);color:var(--text-primary);font-size:var(--font-size-base);font-family:var(--font-family-sans);transition:all var(--transition-fast)}.input-field::placeholder,.textarea-field::placeholder{color:var(--text-tertiary)}.input-field:focus,.select-field:focus,.textarea-field:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f633;background-color:var(--bg-secondary)}.input-field:disabled,.select-field:disabled,.textarea-field:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-primary)}.textarea-field{resize:vertical;min-height:80px}.card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.card-header{padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-primary);margin-bottom:var(--spacing-md)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.card-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.card-content{color:var(--text-primary)}.card-footer{padding-top:var(--spacing-md);border-top:1px solid var(--border-primary);margin-top:var(--spacing-md)}.table{width:100%;border-collapse:collapse;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.table thead{background-color:var(--bg-tertiary)}.table th{padding:var(--spacing-md);text-align:left;font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-semibold);border-bottom:1px solid var(--border-primary);white-space:nowrap}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table th.sortable:hover{background-color:var(--bg-elevated);color:var(--text-primary)}.table td{padding:var(--spacing-md);font-size:var(--font-size-base);color:var(--text-primary);border-bottom:1px solid var(--border-subtle)}.table tbody tr{transition:background-color var(--transition-fast)}.table tbody tr:hover{background-color:var(--bg-elevated)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr.selected{background-color:#3b82f61a;border-left:2px solid var(--accent-blue)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.025em;line-height:1}.badge-success{background-color:var(--status-success);color:#fff}.badge-danger{background-color:var(--status-danger);color:#fff}.badge-warning{background-color:var(--status-warning);color:var(--text-inverse)}.badge-info{background-color:var(--status-info);color:#fff}.badge-secondary{background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--text-secondary)}.spinner{width:20px;height:20px;border:2px solid var(--border-primary);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{padding:var(--spacing-2xl);text-align:center;color:var(--text-secondary)}.empty-state-icon{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md);opacity:.5}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.empty-state-description{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--spacing-md)}.m-0{margin:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.p-0{padding:0}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-success{color:var(--status-success)}.text-danger{color:var(--status-danger)}.text-warning{color:var(--status-warning)}.text-info{color:var(--status-info)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-family-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.w-full{width:100%}.h-full{height:100%}.w-auto{width:auto}.h-auto{height:auto}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}