.admin-layout{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.admin-layout-main{width:100%;max-width:100%;box-sizing:border-box}@media (max-width: 767px){.admin-layout{min-width:0}.admin-layout-nav{flex-wrap:wrap;gap:8px;padding:12px 16px;overflow-x:hidden;-webkit-overflow-scrolling:touch}.admin-layout-nav a{padding:10px 14px;font-size:14px;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}.admin-layout-main{padding:16px!important;width:100%;max-width:100%;min-width:0;overflow-x:hidden}.admin-layout-header{padding:12px 16px!important;flex-wrap:wrap;gap:12px}.admin-layout-header h1{font-size:18px!important}.admin-mobile-container{width:100%;max-width:100%;margin:0;padding:0 12px;box-sizing:border-box;overflow-x:hidden}.admin-mobile-card{width:100%;max-width:100%;box-sizing:border-box;background:var(--mobile-surface, #fff);border:1px solid var(--mobile-border, #e5e7eb);border-radius:8px;padding:16px;margin-bottom:12px;box-shadow:0 1px 2px #0000000d}.admin-mobile-card-title{font-size:16px;font-weight:600;color:var(--mobile-text, #1f2937);margin-bottom:8px}.admin-mobile-card-row{font-size:14px;color:var(--mobile-text-muted, #6b7280);margin-bottom:4px}.admin-mobile-card-row strong{color:var(--mobile-text, #1f2937);font-weight:500}.admin-mobile-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--mobile-divider, #f3f4f6)}.admin-mobile-btn{min-height:44px;min-width:44px;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;transition:background .15s}.admin-mobile-btn-primary{background:#4a148c;color:#fff}.admin-mobile-btn-secondary{background:#f3f4f6;color:#374151}.admin-mobile-btn-danger{background:#fee2e2;color:#b91c1c}.admin-mobile-form{display:flex;flex-direction:column;gap:16px;max-width:100%}.admin-mobile-form input,.admin-mobile-form select{width:100%;min-height:44px;padding:12px 16px;font-size:16px;border:1px solid var(--mobile-border, #e5e7eb);border-radius:6px}.admin-mobile-header{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.admin-mobile-toolbar{flex-direction:column;align-items:stretch}.admin-mobile-toolbar input,.admin-mobile-toolbar select{width:100%;min-height:44px}.admin-mobile-pagination{flex-direction:column;align-items:stretch;gap:12px}.admin-mobile-pagination .users-pagination-nav{justify-content:center}.admin-mobile-sort-option{min-height:44px;min-width:44px;-webkit-tap-highlight-color:transparent}.admin-dashboard-container,.admin-viewers-container,.admin-transactions-container,.admin-export-container{width:100%;max-width:100%;padding:0;box-sizing:border-box;overflow-x:hidden}.admin-viewers-container [style*=overflow],.admin-transactions-container [style*=overflow]{max-width:100%}}.user-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;background:#6d28d9;color:#fff}.viewer-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;background:#e5e7eb;color:#374151}.users-table-wrap{background:#fff;border-radius:8px;overflow:auto;box-shadow:0 1px 3px #0000001a}.users-table{width:100%;border-collapse:collapse;font-size:14px}.users-table th,.users-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #eee;vertical-align:middle}.users-table th{background:#f8fafc;font-weight:600;color:#475569;white-space:nowrap}.users-table tbody tr{transition:background-color .15s ease}.users-table tbody tr:hover{background-color:#f8fafc}.users-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;padding-right:20px;position:relative}.users-table th.sortable:hover{color:#1e293b}.sort-arrow{position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:12px;color:#94a3b8}.users-table th.sortable.sorted .sort-arrow{color:#4a148c}.users-actions-cell{display:flex;gap:8px;align-items:center;min-width:90px}.users-action-btn{background:none;border:none;padding:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .15s ease}.users-action-btn:hover{background-color:#f1f5f9}.users-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px}.users-search-input{flex:1;min-width:200px;max-width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;box-sizing:border-box}.users-search-input:focus{outline:none;border-color:#4a148c;box-shadow:0 0 0 2px #4a148c26}.users-filter-select{padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;min-width:120px;max-width:100%;box-sizing:border-box}@media (max-width: 767px){.users-toolbar{width:100%;max-width:100%}.users-search-input,.users-filter-select{min-width:0;width:100%}.users-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}.users-row-selected{background-color:#ede9fe!important}.users-table tbody tr.users-row-selected:hover{background-color:#ddd6fe!important}.users-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:16px;padding:12px 0}.users-pagination-nav{display:flex;align-items:center;gap:8px}.users-pagination-page-info{font-size:14px;color:#64748b;padding:0 8px}.users-pagination-rows{display:flex;align-items:center}.users-rows-select{padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px}.users-pagination-info{font-size:14px;color:#64748b}.users-pagination-controls{display:flex;align-items:center;gap:8px}.users-pagination-btn{padding:8px 12px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;font-size:14px}.users-pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.users-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.users-pagination-page{padding:8px 12px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;min-width:36px}.users-pagination-page:hover{background:#f8fafc}.users-pagination-page.active{background:#4a148c;color:#fff;border-color:#4a148c}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#f5f5f5;color:#333;line-height:1.5;padding-bottom:env(safe-area-inset-bottom,0);overflow-x:hidden}#root{min-height:100vh;overflow-x:hidden;width:100%;max-width:100%}a{color:#1976d2;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}@media (max-width: 767px){button:not([style*=minWidth]){min-height:44px;min-width:44px}}input,select,textarea{font-family:inherit;font-size:16px}table{font-size:14px}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid #eee}th{background:#f5f5f5;font-weight:600}@media (max-width: 767px){body{font-size:15px}}.admin-nav-link{padding:12px 16px;color:#4a148c;font-weight:500;text-decoration:none;border-bottom:3px solid transparent}.admin-nav-link:hover{color:#6a1bac}.admin-nav-link.active{border-bottom-color:#4a148c;font-weight:600}:root{--mobile-primary: #2563eb;--mobile-primary-dark: #1d4ed8;--mobile-success: #22c55e;--mobile-error: #dc2626;--mobile-warning: #f59e0b;--mobile-background: #f8f9fa;--mobile-surface: #ffffff;--mobile-text: #1f2937;--mobile-text-muted: #6b7280;--mobile-border: #e5e7eb;--mobile-divider: #f3f4f6;--mobile-spacing-xs: 4px;--mobile-spacing-sm: 8px;--mobile-spacing-md: 12px;--mobile-spacing-base: 16px;--mobile-spacing-lg: 24px;--mobile-spacing-xl: 32px;--mobile-spacing-2xl: 48px;--mobile-horizontal-padding: 16px;--mobile-card-gap: 12px;--mobile-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Arabic", "Cairo", "Tajawal";--mobile-font-title: 20px;--mobile-font-body-large: 16px;--mobile-font-body: 14px;--mobile-font-caption: 12px;--mobile-line-height-tight: 1.25;--mobile-line-height-normal: 1.5;--mobile-line-height-relaxed: 1.75;--mobile-radius-sm: 4px;--mobile-radius-md: 8px;--mobile-radius-lg: 12px;--mobile-radius-xl: 16px;--mobile-radius-full: 9999px;--mobile-header-height: 56px;--mobile-bottom-nav-height: 64px;--mobile-min-tap-target: 44px;--mobile-max-content-width: 640px;--mobile-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--mobile-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--mobile-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--mobile-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--mobile-transition-fast: .15s;--mobile-transition-normal: .3s;--mobile-transition-slow: .5s}.mobile-ui-root{font-family:var(--mobile-font-family);font-size:var(--mobile-font-body);line-height:var(--mobile-line-height-normal);color:var(--mobile-text);background-color:var(--mobile-background);direction:rtl;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column}.mobile-ui-root *{-webkit-tap-highlight-color:transparent}.mobile-ui-root input,.mobile-ui-root textarea,.mobile-ui-root select{font-family:inherit;font-size:inherit}@keyframes mobile-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes mobile-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mobile-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-slide-up{animation:mobile-slide-up var(--mobile-transition-normal) ease-out}.mobile-fade-in{animation:mobile-fade-in var(--mobile-transition-fast) ease-out}.mobile-animate-spin{animation:mobile-spin 1s linear infinite}.mobile-container{max-width:var(--mobile-max-content-width);margin:0 auto;padding:0 var(--mobile-horizontal-padding)}.mobile-card{background:var(--mobile-surface);border:1px solid var(--mobile-border);border-radius:var(--mobile-radius-md);padding:var(--mobile-spacing-base);box-shadow:var(--mobile-shadow-sm)}.mobile-divider{height:1px;background-color:var(--mobile-divider);border:none;margin:var(--mobile-spacing-md) 0}.mobile-skeleton{background:linear-gradient(90deg,var(--mobile-border) 25%,var(--mobile-divider) 50%,var(--mobile-border) 75%);background-size:200% 100%;animation:mobile-loading 1.5s ease-in-out infinite}@keyframes mobile-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.mobile-ui-root *:focus-visible{outline:2px solid var(--mobile-primary);outline-offset:2px}