:root{--joy-bg-page: #F6F6F7;--joy-bg-card: #FFFFFF;--joy-bg-hover: #F9FAFB;--joy-primary: #000000;--joy-primary-hover: #1F2937;--joy-success: #B4E7CE;--joy-success-text: #065F46;--joy-success-border: #A7F3D0;--joy-info: #B4D4E7;--joy-info-text: #1E40AF;--joy-info-border: #BFDBFE;--joy-warning: #FDE68A;--joy-warning-text: #92400E;--joy-text-primary: #000000;--joy-text-secondary: #6B7280;--joy-text-tertiary: #9CA3AF;--joy-border: #E5E7EB;--joy-border-hover: #D1D5DB;--joy-font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--joy-font-size-xs: 12px;--joy-font-size-sm: 14px;--joy-font-size-base: 16px;--joy-font-size-lg: 18px;--joy-font-size-xl: 20px;--joy-font-size-2xl: 24px;--joy-font-size-3xl: 28px;--joy-space-xs: 4px;--joy-space-sm: 8px;--joy-space-md: 16px;--joy-space-lg: 24px;--joy-space-xl: 32px;--joy-space-2xl: 48px;--joy-radius-sm: 4px;--joy-radius-md: 8px;--joy-radius-lg: 12px;--joy-radius-full: 9999px;--joy-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--joy-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--joy-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}.joy-app{font-family:var(--joy-font-family);background-color:var(--joy-bg-page)}.joy-page{background-color:var(--joy-bg-page);min-height:100vh;padding:var(--joy-space-lg)}.joy-card{background-color:var(--joy-bg-card);border-radius:var(--joy-radius-md);border:1px solid var(--joy-border);box-shadow:var(--joy-shadow-sm);padding:var(--joy-space-lg)}.joy-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--joy-font-size-sm)}.joy-table thead{background-color:var(--joy-bg-card);border-bottom:2px solid var(--joy-border)}.joy-table th{padding:var(--joy-space-md);text-align:left;font-weight:600;color:var(--joy-text-secondary);font-size:var(--joy-font-size-xs);text-transform:uppercase;letter-spacing:.05em}.joy-table td{padding:var(--joy-space-md);border-bottom:1px solid var(--joy-border);color:var(--joy-text-primary)}.joy-table tbody tr{transition:background-color .15s ease}.joy-table tbody tr:hover{background-color:var(--joy-bg-hover)}.joy-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--joy-radius-full);font-size:var(--joy-font-size-xs);font-weight:500;line-height:1}.joy-badge-success{background-color:var(--joy-success);color:var(--joy-success-text);border:1px solid var(--joy-success-border)}.joy-badge-info{background-color:var(--joy-info);color:var(--joy-info-text);border:1px solid var(--joy-info-border)}.joy-badge-warning{background-color:var(--joy-warning);color:var(--joy-warning-text)}.joy-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:var(--joy-radius-md);font-size:var(--joy-font-size-sm);font-weight:500;border:none;cursor:pointer;transition:all .15s ease;gap:var(--joy-space-sm)}.joy-button-primary{background-color:var(--joy-primary);color:#fff}.joy-button-primary:hover{background-color:var(--joy-primary-hover)}.joy-button-secondary{background-color:var(--joy-bg-card);color:var(--joy-text-primary);border:1px solid var(--joy-border)}.joy-button-secondary:hover{background-color:var(--joy-bg-hover);border-color:var(--joy-border-hover)}.joy-tabs{display:flex;gap:var(--joy-space-lg);border-bottom:1px solid var(--joy-border);margin-bottom:var(--joy-space-lg)}.joy-tab{padding:var(--joy-space-md) 0;font-size:var(--joy-font-size-sm);font-weight:500;color:var(--joy-text-secondary);border-bottom:2px solid transparent;cursor:pointer;transition:all .15s ease}.joy-tab:hover{color:var(--joy-text-primary)}.joy-tab-active{color:var(--joy-text-primary);border-bottom-color:var(--joy-primary)}.joy-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--joy-space-lg)}.joy-header-title{font-size:var(--joy-font-size-2xl);font-weight:700;color:var(--joy-text-primary);margin:0}.joy-header-subtitle{font-size:var(--joy-font-size-sm);color:var(--joy-text-secondary);margin:var(--joy-space-xs) 0 0 0}.joy-header-actions{display:flex;gap:var(--joy-space-sm);align-items:center}.joy-icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--joy-radius-md);background-color:var(--joy-bg-card);border:1px solid var(--joy-border);cursor:pointer;transition:all .15s ease}.joy-icon-button:hover{background-color:var(--joy-bg-hover);border-color:var(--joy-border-hover)}.joy-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--joy-space-md);border-top:1px solid var(--joy-border);font-size:var(--joy-font-size-sm);color:var(--joy-text-secondary)}.joy-pagination-info{display:flex;align-items:center;gap:var(--joy-space-md)}.joy-pagination-controls{display:flex;gap:var(--joy-space-sm)}.joy-preview-card{background-color:var(--joy-bg-card);border:1px solid var(--joy-border);border-radius:var(--joy-radius-lg);overflow:hidden;transition:all .2s ease}.joy-preview-card:hover{box-shadow:var(--joy-shadow-md);border-color:var(--joy-border-hover)}.joy-preview-image{width:100%;height:200px;object-fit:cover;background-color:var(--joy-bg-page)}.joy-preview-content{padding:var(--joy-space-lg)}.joy-preview-title{font-size:var(--joy-font-size-lg);font-weight:600;color:var(--joy-text-primary);margin:0 0 var(--joy-space-sm) 0}.joy-preview-description{font-size:var(--joy-font-size-sm);color:var(--joy-text-secondary);line-height:1.5;margin:0 0 var(--joy-space-md) 0}.joy-empty-state{text-align:center;padding:var(--joy-space-2xl);color:var(--joy-text-secondary)}.joy-empty-state-icon{font-size:48px;margin-bottom:var(--joy-space-md);opacity:.5}.joy-empty-state-text{font-size:var(--joy-font-size-sm)}.stat-card-icon .Polaris-Icon{margin:0}.scroll-hidden{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.scroll-hidden::-webkit-scrollbar{display:none}