:root{--clr-indigo:var(--primary);--clr-indigo-d:var(--primary-dark);--clr-purple:#a855f7;--clr-purple-d:#7c3aed;--clr-blue:var(--primary);--clr-blue-d:var(--primary);--clr-green:#22c55e;--clr-green-d:#16a34a;--clr-red:#ef4444;--clr-red-d:#dc2626;--clr-amber:#f59e0b;--clr-amber-d:#d97706;--clr-teal:#14b8a6;--clr-pink:#ec4899;--surface-page:#f0f2ff;--surface-card:#fff;--surface-muted:#f8faff;--surface-border:var(--primary-12);--text-primary:#1e1b4b;--text-secondary:#475569;--text-muted:#94a3b8;--grad-brand:linear-gradient(135deg, var(--primary), var(--secondary));--grad-blue:linear-gradient(135deg, var(--primary-light), var(--primary));--grad-green:linear-gradient(135deg, #34d399, #059669);--grad-red:linear-gradient(135deg, #f87171, #dc2626);--grad-amber:linear-gradient(135deg, #fbbf24, #d97706);--grad-pink:linear-gradient(135deg, #f472b6, #db2777);--grad-teal:linear-gradient(135deg, #2dd4bf, #0d9488);--grad-dark:linear-gradient(135deg, #1e1b4b, #312e81, var(--primary-dark));--grad-rainbow:linear-gradient(90deg, var(--primary), #a855f7, #ec4899);--shadow-card:0 2px 16px rgba(var(--primary-rgb), .08);--shadow-brand:0 8px 24px rgba(var(--primary-rgb), .3);--shadow-sm:0 1px 4px #0000000f;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--page-pad-x:clamp(12px, 4vw, 32px);--page-pad-y:clamp(16px, 3vw, 28px)}*,:before,:after{box-sizing:border-box}.ds-page{background:var(--surface-page);min-height:100vh;font-family:inherit}.ds-card{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.ds-card-dark{background:var(--grad-dark);border-radius:var(--radius-lg);overflow:hidden}.ds-icon-badge{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ds-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:12px;font-size:11px;font-weight:900}.ds-pill{border-radius:99px;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.ds-btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s,filter .15s;display:inline-flex}.ds-btn:hover{filter:brightness(1.06);transform:translateY(-2px)}.ds-btn:active{transform:translateY(0)scale(.97)}.ds-btn-primary{background:var(--grad-brand);color:#fff;box-shadow:0 6px 18px rgba(var(--primary-rgb), .35)}.ds-btn-ghost{background:var(--surface-muted);color:var(--clr-indigo);border:1px solid var(--surface-border)}.ds-search{background:var(--surface-muted);border:1px solid var(--surface-border);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:9px 14px;transition:border-color .15s;display:flex}.ds-search:focus-within{border-color:var(--clr-indigo)}.ds-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:14px;font-weight:500}.ds-stat-card{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--surface-card);flex-direction:column;gap:6px;padding:16px 18px;transition:transform .2s,box-shadow .2s;display:flex}.ds-stat-card:hover{box-shadow:0 6px 20px rgba(var(--primary-rgb), .12);transform:translateY(-2px)}.ds-table{border-collapse:collapse;width:100%;font-size:14px}.ds-table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);background:var(--surface-muted);border-bottom:1px solid var(--surface-border);white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:900}.ds-table td{color:var(--text-secondary);vertical-align:middle;border-bottom:1px solid #f0f2ff;padding:13px 16px}.ds-table tr:last-child td{border-bottom:none}.ds-table tr:hover td{background:#fafbff}.ds-mobile-nav{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--surface-border);padding:8px 0 max(8px, env(safe-area-inset-bottom));box-shadow:0 -4px 20px rgba(var(--primary-rgb), .1);background:#fffffff2;display:none;position:fixed;bottom:0;left:0;right:0}.ds-mobile-nav-inner{justify-content:space-around;align-items:center;max-width:480px;margin:0 auto;padding:0 8px;display:flex}.ds-mobile-nav-item{cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:3px;min-width:52px;padding:6px 12px;text-decoration:none;transition:background .15s;display:flex}.ds-mobile-nav-item.active{background:var(--primary-10)}.ds-mobile-nav-item i{color:var(--text-muted);font-size:18px}.ds-mobile-nav-item.active i{color:var(--clr-indigo)}.ds-mobile-nav-item span{color:var(--text-muted);font-size:10px;font-weight:700}.ds-mobile-nav-item.active span{color:var(--clr-indigo)}@media (max-width:767px){.ds-mobile-nav{display:block}.ds-page-content{padding-bottom:80px!important}.ds-grid-auto,.ds-grid-2{grid-template-columns:1fr!important}.ds-grid-3{grid-template-columns:1fr 1fr!important}.ds-card{border-radius:18px}.ds-table-hide-mobile{display:none!important}.ds-btn{min-height:44px;padding:10px 18px}.ds-sidebar-hide{display:none!important}.ds-header-title{font-size:18px!important}}@media (min-width:768px) and (max-width:1023px){.ds-grid-3{grid-template-columns:1fr 1fr!important}.ds-grid-auto{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important}}@media (min-width:1024px){.ds-grid-3{grid-template-columns:repeat(3,1fr)}}@keyframes ds-slide-up{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ds-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-anim-slide-up{animation:.35s cubic-bezier(.4,0,.2,1) ds-slide-up}.ds-anim-pulse{animation:1.5s infinite ds-pulse}.ds-anim-spin{animation:2s linear infinite ds-spin}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--primary-18);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}:focus-visible{outline:2px solid var(--clr-indigo);outline-offset:2px}.ds-flex-center{justify-content:center;align-items:center;display:flex}.ds-flex-between{justify-content:space-between;align-items:center;display:flex}.ds-gap-2{gap:8px}.ds-gap-3{gap:12px}.ds-gap-4{gap:16px}.ds-text-primary{color:var(--text-primary)}.ds-text-muted{color:var(--text-muted)}.ds-fw-900{font-weight:900}.ds-fw-700{font-weight:700}
.word-modal-overlay{animation:.2s fadeIn}.word-modal{animation:.3s cubic-bezier(.4,0,.2,1) slideUp}.word-modal-header{background:linear-gradient(135deg, rgba(var(--primary-rgb), .02), #764ba205)}.word-modal-word{letter-spacing:-.02em;font-family:Poppins,sans-serif}.word-modal-sub .chip{padding:6px 12px;font-size:11px;font-weight:600}.fc-section{position:relative}.fc-section:before{content:"";background:linear-gradient(180deg, var(--primary) 0%, var(--secondary) 100%);border-radius:2px;width:3px;position:absolute;top:0;bottom:0;left:-24px}.fc-example{padding-left:20px;position:relative}.fc-example:before{content:"\"";color:var(--primary);opacity:.2;font-family:Georgia,serif;font-size:32px;position:absolute;top:12px;left:8px}.fc-arabic{background:rgba(var(--primary-rgb), .05);border:1px solid rgba(var(--primary-rgb), .1);border-radius:8px;padding:16px;font-family:Noto Kufi Arabic,Amiri,Cairo,sans-serif;font-weight:600}.fc-details-grid{background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;padding:20px}.fc-detail-card{background:#fff;border:1px solid #e5e7eb}.fc-detail-card:hover{border-color:var(--primary);box-shadow:0 2px 8px rgba(var(--primary-rgb), .1)}.flashcard-container{position:relative;overflow:hidden}.flashcard-container:before{content:"";background:linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);height:4px;position:absolute;top:0;left:0;right:0}.flashcard-stats{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.flashcard-stat{background:rgba(var(--primary-rgb), .05);border:1px solid rgba(var(--primary-rgb), .1);border-radius:8px;align-items:center;gap:12px;padding:12px 20px;display:flex}.flashcard-stat-icon{font-size:24px}.flashcard-stat-info{flex-direction:column;display:flex}.flashcard-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.flashcard-stat-value{color:var(--primary);font-size:24px;font-weight:800}.flashcard-word-title{color:#1f2937;margin-bottom:8px;font-size:28px;font-weight:700}.flashcard-word-meta{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.flashcard-badge{color:#6b7280;background:#f3f4f6;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.flashcard-badge.learning{color:var(--primary);background:#3b82f61a}.flashcard-badge.overdue{color:#ef4444;background:#ef44441a}.flashcard-actions button{justify-content:center;align-items:center;gap:6px;min-width:100px;display:inline-flex}.flashcard-actions .btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;border:none}.flashcard-actions .btn-secondary{color:var(--primary);border:2px solid var(--primary);background:#fff}.flashcard-actions .btn-secondary:hover{background:var(--primary);color:#fff}.learning-words-container{max-width:1200px;margin:0 auto;padding:40px 24px}.learning-words-header{margin-bottom:40px}.learning-words-title{margin-bottom:12px;font-size:36px;font-weight:800}.learning-words-subtitle{color:#6b7280;font-size:16px}.word-list-filters{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.word-list-filter{color:#6b7280;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.word-list-filter:hover{border-color:var(--primary);color:var(--primary)}.word-list-filter.active{background:var(--primary);border-color:var(--primary);color:#fff}.word-list-item-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.word-list-word-group{flex:1}.word-list-actions{gap:8px;display:flex}.word-list-action-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s}.word-list-action-btn:hover{color:#374151;background:#e5e7eb}.word-list-action-btn.danger:hover{color:#ef4444;background:#ef44441a}.word-list-phonetic{color:#9ca3af;margin-top:4px;font-family:Courier New,monospace;font-size:14px}.word-list-arabic{color:#4b5563;background:rgba(var(--primary-rgb), .03);direction:rtl;border-radius:6px;margin-top:8px;padding:12px;font-family:Noto Kufi Arabic,Amiri,Cairo,sans-serif;font-size:16px}.mastered-words-container{max-width:900px;margin:0 auto;padding:40px 24px}.empty-state-card{background:#fff;border:2px dashed #e5e7eb;border-radius:16px;padding:80px 40px;box-shadow:0 4px 20px #0000000d}.empty-state-icon-container{background:linear-gradient(135deg, rgba(var(--primary-rgb), .1), #764ba21a);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 32px;display:flex}.empty-state-features{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-top:40px;display:grid}.empty-state-feature{text-align:center;background:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;padding:24px}.empty-state-feature-icon{margin-bottom:12px;font-size:32px}.empty-state-feature-title{color:#374151;margin-bottom:4px;font-size:14px;font-weight:600}.empty-state-feature-text{color:#6b7280;font-size:13px}.admin-user-table{width:100%;box-shadow:0 2px 8px rgba(var(--primary-rgb), .08);background:#fff;border-radius:12px;overflow:hidden}.admin-user-table thead{background:linear-gradient(135deg, rgba(var(--primary-rgb), .05), #764ba20d)}.admin-user-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;padding:16px;font-size:12px;font-weight:700}.admin-user-table td{color:#374151;border-top:1px solid #f3f4f6;padding:16px;font-size:14px}.admin-user-table tr:hover td{background:rgba(var(--primary-rgb), .02)}.admin-user-avatar{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.admin-user-info{align-items:center;gap:12px;display:flex}.admin-user-name{color:#1f2937;font-weight:600}.admin-user-email{color:#9ca3af;font-size:13px}.admin-status-badge{border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.admin-status-badge.active{color:#10b981;background:#10b9811a}.admin-status-badge.inactive{color:#6b7280;background:#9ca3af1a}.admin-actions{gap:8px;display:flex}.admin-action-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.admin-action-btn:hover{color:#374151;background:#e5e7eb}.admin-action-btn.primary:hover{background:rgba(var(--primary-rgb), .1);color:var(--primary)}.admin-action-btn.danger:hover{color:#ef4444;background:#ef44441a}.login-page{background:linear-gradient(135deg, rgba(var(--primary-rgb), .05) 0%, #764ba20d 100%);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.login-logo{text-align:center;margin-bottom:32px}.login-logo-icon{margin-bottom:16px;font-size:48px}.login-tabs{background:#f3f4f6;border-radius:8px;gap:8px;margin-bottom:32px;padding:4px;display:flex}.login-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.login-tab.active{color:var(--primary);background:#fff;box-shadow:0 2px 4px #0000000d}.form-input-group{position:relative}.form-input-icon{color:#9ca3af;font-size:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.form-input.with-icon{padding-left:48px}.form-input-hint{color:#9ca3af;margin-top:6px;font-size:12px}.form-checkbox-group{align-items:center;gap:12px;margin:16px 0;display:flex}.form-checkbox{cursor:pointer;width:18px;height:18px}.form-checkbox-label{color:#374151;cursor:pointer;font-size:14px}.form-link{color:var(--primary);font-weight:600;text-decoration:none;transition:color .2s}.form-link:hover{color:#5568d3}.social-login{gap:12px;margin-top:24px;display:flex}.social-login-btn{color:#374151;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.social-login-btn:hover{border-color:var(--primary);background:rgba(var(--primary-rgb), .02)}.social-login-icon{font-size:20px}.login-footer{text-align:center;color:#6b7280;margin-top:32px;font-size:14px}.search-input-container{margin-bottom:24px;position:relative}.search-input{border:2px solid #e5e7eb;border-radius:12px;width:100%;padding:14px 48px;font-size:16px;transition:all .2s}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb), .1);outline:none}.search-icon{color:#9ca3af;font-size:20px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-clear{cursor:pointer;color:#6b7280;background:#e5e7eb;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;transition:all .2s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.search-clear:hover{color:#374151;background:#d1d5db}.pagination{justify-content:center;align-items:center;gap:8px;margin-top:40px;display:flex}.pagination-btn{color:#6b7280;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s}.pagination-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.pagination-info{color:#6b7280;padding:10px 16px;font-size:14px}@media (max-width:768px){.word-modal{max-width:calc(100% - 40px);margin:20px}.flashcard-stats,.flashcard-actions{flex-direction:column}.flashcard-actions button{width:100%}.word-list-filters{flex-direction:column}.word-list-filter{text-align:center;width:100%}.admin-user-table{display:block;overflow-x:auto}.login-container{margin:20px;padding:32px 24px}.social-login{flex-direction:column}}@media print{.word-modal-actions,.flashcard-actions,.word-list-actions,.admin-actions{display:none}.word-modal,.flashcard-container,.word-list-item{box-shadow:none;border:1px solid #e5e7eb}}
@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes toastIn{0%{opacity:0;transform:translateY(-16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.admin-ui{--admin-bg:#f6f7f9;--admin-card:#fff;--admin-border:#0f172a1f;--admin-text:#111827;--admin-muted:#0f172a94;--admin-accent:var(--primary);--admin-accent-hover:var(--primary);--admin-danger:#ef4444;--admin-danger-hover:#dc2626;--admin-success:#22c55e;--admin-warning:#f59e0b;--admin-violet:#7c3aed;--admin-radius:16px;--admin-radius-sm:10px;--admin-shadow:0 1px 3px #00000012, 0 1px 2px #0000000a;--admin-shadow-md:0 4px 16px #00000017, 0 2px 6px #0000000d;--admin-shadow-lg:0 12px 40px #00000024, 0 4px 12px #00000012;--admin-ring:rgba(var(--primary-rgb), .3);background:var(--admin-bg);min-height:100vh;color:var(--admin-text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.admin-ui .page-wrap{max-width:1440px;margin:0 auto;padding:20px 24px 48px;animation:.25s fadeIn}.admin-ui .card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:var(--admin-radius);box-shadow:var(--admin-shadow)}.admin-ui .section,.admin-ui .card.section{padding:20px 22px}.admin-toast{z-index:9999;box-shadow:var(--admin-shadow-md);pointer-events:all;border-radius:14px;align-items:center;gap:10px;max-width:420px;padding:12px 18px;font-size:14px;font-weight:600;animation:.22s cubic-bezier(.34,1.56,.64,1) toastIn;display:flex;position:fixed;top:18px;right:22px}.admin-toast.success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.admin-toast.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.admin-toast.info{color:var(--primary-dark);background:#eff6ff;border:1px solid #bfdbfe}.admin-toast-close{cursor:pointer;opacity:.6;color:inherit;background:0 0;border:none;margin-left:auto;padding:0 2px;font-size:14px;line-height:1;transition:opacity .15s}.admin-toast-close:hover{opacity:1}.admin-ui .admin-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.admin-ui .admin-back{color:var(--admin-muted);white-space:nowrap;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s}.admin-ui .admin-back:hover{color:var(--admin-text)}.admin-ui .admin-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-ui .admin-search-wrap{align-items:center;display:flex;position:relative}.admin-ui .admin-search-icon{color:var(--admin-muted);pointer-events:none;position:absolute;left:10px}.admin-ui .admin-search{border:1px solid var(--admin-border);width:240px;color:var(--admin-text);background:#fff;border-radius:12px;outline:none;padding:9px 12px 9px 32px;font-size:13px;font-weight:500;transition:border-color .15s,box-shadow .15s}.admin-ui .admin-search:focus{border-color:var(--admin-accent);box-shadow:0 0 0 3px var(--admin-ring)}.admin-ui .input,.admin-ui .select,.admin-ui .textarea{border:1px solid var(--admin-border);color:var(--admin-text);background:#fff;border-radius:12px;outline:none;width:100%;min-width:0;padding:9px 12px;font-size:13px;font-weight:500;transition:border-color .15s,box-shadow .15s}.admin-ui select.input{cursor:pointer;height:40px}.admin-ui .input:focus,.admin-ui .select:focus,.admin-ui .textarea:focus{border-color:var(--admin-accent);box-shadow:0 0 0 3px var(--admin-ring)}.admin-ui .input:disabled{color:var(--admin-muted);cursor:not-allowed;background:#f9fafb}.admin-ui .btn{cursor:pointer;border:1px solid var(--admin-border);color:var(--admin-text);white-space:nowrap;background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:9px 15px;font-size:13px;font-weight:700;line-height:1;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s,opacity .15s,transform .1s;display:inline-flex}.admin-ui .btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.admin-ui .btn:active:not(:disabled){background:#f3f4f6;transform:translateY(0)}.admin-ui .btn:disabled{opacity:.5;cursor:not-allowed}.admin-ui .btn.btn-primary{background:linear-gradient(135deg, var(--admin-accent), var(--secondary));color:#fff;box-shadow:0 2px 8px rgba(var(--primary-rgb), .25);border-color:#0000}.admin-ui .btn.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--admin-accent-hover), #7c3aed);box-shadow:0 4px 14px rgba(var(--primary-rgb), .35)}.admin-ui .btn.btn-secondary{color:var(--admin-text);border-color:var(--admin-border);background:#f3f4f6}.admin-ui .btn.btn-secondary:hover:not(:disabled){background:#e5e7eb}.admin-ui .btn.danger{color:var(--admin-danger);background:#ef444414;border-color:#ef444438}.admin-ui .btn.danger:hover:not(:disabled){background:var(--admin-danger);color:#fff;border-color:var(--admin-danger)}.admin-ui .btn.btn-sm{border-radius:9px;padding:6px 10px;font-size:12px}.admin-ui .btn.btn-loading{opacity:.7;cursor:wait}.admin-ui .icon-btn{border:1px solid var(--admin-border);width:36px;height:36px;color:var(--admin-text);cursor:pointer;background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .1s;display:inline-flex}.admin-ui .icon-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.admin-ui .icon-btn:active:not(:disabled){background:#e5e7eb;transform:translateY(0)}.admin-ui .icon-btn:disabled{opacity:.4;cursor:not-allowed}.admin-ui .icon-btn.danger{color:var(--admin-danger);background:#ef44440f;border-color:#ef444438}.admin-ui .icon-btn.danger:hover:not(:disabled){background:var(--admin-danger);color:#fff;border-color:var(--admin-danger)}.admin-ui .row-actions{z-index:5;pointer-events:auto;justify-content:flex-end;align-items:center;gap:6px;display:flex;position:relative}.admin-ui .row-actions *{pointer-events:auto}.admin-ui .admin-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-ui .admin-title{color:var(--admin-text);letter-spacing:-.3px;font-size:22px;font-weight:800}.admin-ui .admin-subtitle{color:var(--admin-muted);margin-top:3px;font-size:13px;font-weight:500}.admin-ui .stats-grid{grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:12px;display:grid}.admin-ui .metric-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:var(--admin-radius);box-shadow:var(--admin-shadow);padding:16px 18px;transition:box-shadow .15s,transform .15s}.admin-ui .metric-card:hover{box-shadow:var(--admin-shadow-md);transform:translateY(-1px)}.admin-ui .metric-label{text-transform:uppercase;letter-spacing:.06em;color:var(--admin-muted);font-size:11px;font-weight:700}.admin-ui .metric-value{color:var(--admin-text);letter-spacing:-.5px;margin:2px 0;font-size:30px;font-weight:800;line-height:1.1}.admin-ui .metric-sub{color:var(--admin-muted);margin-top:2px;font-size:11px;font-weight:500}.admin-ui .users-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.admin-ui .users-title{color:var(--admin-text);font-size:16px;font-weight:700}.admin-ui .table-wrap{border:1px solid var(--admin-border);border-radius:12px;overflow-x:auto}.admin-ui .admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-ui .admin-table thead tr{border-bottom:1px solid var(--admin-border);background:#f9fafb}.admin-ui .admin-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--admin-muted);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:700}.admin-ui .admin-table td{vertical-align:middle;border-bottom:1px solid #0f172a0d;padding:12px 14px}.admin-ui .admin-table tbody tr:last-child td{border-bottom:none}.admin-ui .admin-table tbody tr.click-row{transition:background .12s}.admin-ui .admin-table tbody tr.click-row:hover{background:rgba(var(--primary-rgb), .03)}.admin-ui .user-cell{align-items:center;gap:12px;display:flex}.admin-ui .avatar{color:#fff;letter-spacing:0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:flex}.admin-ui .user-name{color:var(--admin-text);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.admin-ui .user-meta{color:var(--admin-muted);flex-wrap:wrap;align-items:center;margin-top:2px;font-size:11px;font-weight:500;display:flex}.admin-ui .pill{color:var(--admin-muted);border:1px solid var(--admin-border);white-space:nowrap;background:#f3f4f6;border-radius:6px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.admin-ui .you-pill{color:var(--primary);white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.admin-ui .role-pill{white-space:nowrap;border-radius:8px;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.admin-ui .role-pill.admin{color:#6d28d9;background:#8b5cf61f;border:1px solid #8b5cf638}.admin-ui .role-pill.user{background:rgba(var(--primary-rgb), .1);color:var(--primary-dark);border:1px solid rgba(var(--primary-rgb), .18)}.admin-ui .status-pill{white-space:nowrap;border-radius:8px;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.admin-ui .status-pill.active{color:#15803d;background:#22c55e1a;border:1px solid #22c55e38}.admin-ui .status-pill.suspended{color:#b45309;background:#f59e0b1f;border:1px solid #f59e0b40}.admin-ui .status-pill.banned{color:#b91c1c;background:#ef44441a;border:1px solid #ef444438}.admin-ui .muted{color:var(--admin-muted);font-weight:500}.admin-ui .mono{font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:12px}.admin-ui .num{font-variant-numeric:tabular-nums;font-weight:700}.admin-ui .hint{color:var(--admin-muted);font-size:12px;font-weight:500;line-height:1.5}.admin-ui .pager{border-top:1px solid var(--admin-border);justify-content:center;align-items:center;gap:8px;margin-top:16px;padding-top:14px;display:flex}.admin-ui .pager-label{color:var(--admin-muted);text-align:center;min-width:110px;font-size:13px;font-weight:600}.admin-ui .empty-state{text-align:center;padding:40px 20px}.admin-ui .empty-emoji{margin-bottom:10px;font-size:36px}.admin-ui .empty-title{color:var(--admin-text);font-size:15px;font-weight:700}.admin-ui .empty-sub{color:var(--admin-muted);margin-top:4px;font-size:13px;font-weight:500}.admin-ui .alert{border-radius:12px;padding:10px 14px;font-size:13px;font-weight:600}.admin-ui .alert.success{color:#15803d;background:#22c55e1a;border:1px solid #22c55e38}.admin-ui .alert.error{color:#b91c1c;background:#ef44441a;border:1px solid #ef444438}.admin-ui .alert.info{color:var(--primary-dark);background:#3b82f61a;border:1px solid #3b82f638}.admin-ui .alert.warning{color:#b45309;background:#f59e0b1a;border:1px solid #f59e0b38}.admin-ui .drawer-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02061780;justify-content:center;align-items:center;padding:12px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.admin-ui .drawer{background:var(--admin-card);border:1px solid #ffffff52;border-radius:24px;flex-direction:column;width:min(1400px,98vw);height:min(96vh,1200px);max-height:96vh;animation:.22s fadeIn;display:flex;overflow:hidden;box-shadow:0 30px 80px #02061747}.admin-ui .drawer-head{border-bottom:1px solid var(--admin-border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 24px 16px;display:flex}.admin-ui .drawer-title{flex:1;min-width:0}.admin-ui .drawer-name{color:var(--admin-text);text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.2px;font-size:18px;font-weight:800;overflow:hidden}.admin-ui .drawer-sub{flex-wrap:wrap;align-items:center;gap:6px;margin-top:5px;font-size:12px;display:flex}.admin-ui .dot{color:var(--admin-border)}.admin-ui .tabs{border-bottom:1px solid var(--admin-border);scrollbar-width:none;flex-shrink:0;align-items:center;gap:0;padding:0 24px;display:flex;overflow-x:auto}.admin-ui .tabs::-webkit-scrollbar{display:none}.admin-ui .tab{color:var(--admin-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:11px 14px;font-size:13px;font-weight:600;transition:color .15s,border-color .15s}.admin-ui .tab:hover{color:var(--admin-text)}.admin-ui .tab.active{color:var(--admin-accent);border-bottom-color:var(--admin-accent);font-weight:700}.admin-ui .drawer-body{flex:1;padding:22px 24px 26px;overflow-y:auto}.admin-ui .drawer-loading{color:var(--admin-muted);justify-content:center;align-items:center;padding:32px;font-size:13px;font-weight:600;display:flex}.admin-ui .drawer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.admin-ui .drawer-card{border:1px solid var(--admin-border);background:#f9fafb;border-radius:14px;padding:16px 18px}.admin-ui .drawer-card-title{text-transform:uppercase;letter-spacing:.07em;color:var(--admin-muted);margin-bottom:12px;font-size:11px;font-weight:800}.admin-ui .drawer-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-ui .kv{border-bottom:1px solid #0f172a0d;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;font-size:13px;font-weight:500;display:flex}.admin-ui .kv:last-child{border-bottom:none}.admin-ui .kv>span:first-child{color:var(--admin-muted);flex-shrink:0;font-weight:600}.admin-ui .kv>span:last-child{text-align:right;word-break:break-all}.admin-ui .progress-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.admin-ui .mini-metric{border:1px solid var(--admin-border);text-align:center;background:#fff;border-radius:12px;padding:12px 14px}.admin-ui .mini-label{text-transform:uppercase;letter-spacing:.05em;color:var(--admin-muted);margin-bottom:4px;font-size:11px;font-weight:700}.admin-ui .mini-value{color:var(--admin-text);letter-spacing:-.3px;font-size:24px;font-weight:800}.admin-ui .ach-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.admin-ui .ach-card{border:1px solid var(--admin-border);background:#fff;border-radius:12px;padding:12px 14px}.admin-ui .ach-title{color:var(--admin-text);font-size:13px;font-weight:700}.admin-ui .ach-sub{color:var(--admin-muted);margin-top:3px;font-size:11px;font-weight:500}.admin-ui .ach-meta{color:var(--admin-muted);margin-top:6px;font-size:11px;font-weight:600}.admin-ui .modal-overlay{z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02061780;justify-content:center;align-items:center;padding:20px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.admin-ui .modal{background:var(--admin-card);box-shadow:var(--admin-shadow-lg);border:1px solid rgba(var(--primary-rgb), .12);border-radius:20px;width:100%;max-width:620px;max-height:90vh;padding:24px;animation:.2s fadeIn;overflow-y:auto}.admin-ui .modal-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;display:flex}.admin-ui .modal-title{color:var(--admin-text);font-size:18px;font-weight:800}.admin-ui .modal-sub{color:var(--admin-muted);margin-top:3px;font-size:13px;font-weight:500}.admin-ui .modal-foot{border-top:1px solid var(--admin-border);justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;padding-top:16px;display:flex}.admin-ui .confirm-body{padding:16px 0}.admin-ui .confirm-line{color:var(--admin-muted);font-size:14px;font-weight:500}.admin-ui .confirm-email{color:var(--admin-text);word-break:break-all;background:rgba(var(--primary-rgb), .06);border:1px solid rgba(var(--primary-rgb), .14);border-radius:10px;margin-top:6px;padding:10px 12px;font-family:SF Mono,Fira Code,monospace;font-size:14px;font-weight:700}.admin-ui .field{flex-direction:column;gap:5px;display:flex}.admin-ui .label{color:var(--admin-text);font-size:12px;font-weight:700}.admin-ui .admin-grid{grid-template-columns:repeat(12,1fr);gap:12px;display:grid}.admin-ui .span-12{grid-column:span 12}.admin-ui .span-6{grid-column:span 6}.admin-ui .span-4{grid-column:span 4}.admin-ui .span-3{grid-column:span 3}.admin-ui .skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.admin-ui .skeleton-card{background:linear-gradient(90deg,#0f172a0f 25%,#0f172a1a 50%,#0f172a0f 75%) 0 0/400px 100%;border-radius:14px;height:90px;animation:1.4s infinite shimmer}.admin-ui .skeleton-table{flex-direction:column;gap:8px;display:flex}.admin-ui .skeleton-row{background:linear-gradient(90deg,#0f172a0f 25%,#0f172a1a 50%,#0f172a0f 75%) 0 0/400px 100%;border-radius:12px;height:52px;animation:1.4s infinite shimmer}.admin-ui .overview-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-bottom:20px;display:grid}.admin-ui .chart-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:var(--admin-radius);box-shadow:var(--admin-shadow);padding:20px}.admin-ui .chart-title{color:var(--admin-text);margin-bottom:14px;font-size:14px;font-weight:700}.admin-ui .quick-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.admin-ui .quick-btn{cursor:pointer;white-space:nowrap;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex}.admin-ui .quick-btn.purple{color:#fff;background:linear-gradient(135deg, var(--primary), var(--secondary));box-shadow:0 4px 14px rgba(var(--primary-rgb), .3)}.admin-ui .quick-btn.light{color:var(--admin-text);border:1px solid var(--admin-border);background:#f3f5f9}.admin-ui .quick-btn:hover{transform:translateY(-2px)}.admin-ui .quick-btn:active{opacity:.95;transform:translateY(0)}@media (max-width:768px){.admin-ui .page-wrap{padding:14px 14px 40px}.admin-ui .admin-topbar{flex-direction:column;align-items:stretch}.admin-ui .admin-actions{flex-direction:column}.admin-ui .admin-search{width:100%}.admin-ui .stats-grid{grid-template-columns:repeat(2,1fr)}.admin-ui .drawer{width:100%}.admin-ui .progress-grid{grid-template-columns:repeat(2,1fr)}.admin-ui .admin-grid .span-6{grid-column:span 12}}@media (max-width:480px){.admin-ui .stats-grid{grid-template-columns:1fr}.admin-ui .admin-table th:nth-child(3),.admin-ui .admin-table td:nth-child(3),.admin-ui .admin-table th:nth-child(4),.admin-ui .admin-table td:nth-child(4){display:none}}.ov-wrap{min-height:100vh;font-family:var(--font-sans,"Inter", system-ui, sans-serif);color:#111827;background:#f6f7f9;padding:24px 28px 48px;animation:.3s fadeIn}.ov-loading{color:#64748b;justify-content:center;align-items:center;gap:12px;height:60vh;font-size:15px;display:flex}.ov-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.ov-header-left{flex-direction:column;gap:6px;display:flex}.ov-back{color:var(--primary);align-items:center;gap:4px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.ov-back:hover{color:var(--primary)}.ov-title{color:#111827;align-items:center;gap:10px;margin:0;font-size:22px;font-weight:800;display:flex}.ov-subtitle{color:#64748b;margin:2px 0 0;font-size:13px}.ov-refreshed{color:#94a3b8}.ov-header-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ov-toggle{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:13px;display:flex}.ov-toggle input{accent-color:var(--primary);cursor:pointer}.ov-btn-refresh{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.ov-btn-refresh:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:#f8fafc}.ov-btn-refresh:disabled{opacity:.6;cursor:not-allowed}.ov-alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:13px;display:flex}.ov-alert-retry{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;margin-left:auto;padding:4px 12px;font-size:12px;font-weight:600}.ov-stats-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-bottom:20px;display:grid}.ov-stat-card{color:inherit;background:#fff;border:1px solid #e8ecf0;border-radius:14px;align-items:flex-start;gap:14px;padding:16px 18px;text-decoration:none;transition:all .18s;display:flex;position:relative;box-shadow:0 1px 3px #0000000f}.ov-stat-card:hover{border-color:var(--accent,var(--primary));transform:translateY(-1px);box-shadow:0 4px 16px #0000001a}.ov-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ov-stat-body{flex:1;min-width:0}.ov-stat-label{color:#64748b;margin-bottom:4px;font-size:12px;font-weight:500}.ov-stat-value{color:#111827;font-size:22px;font-weight:800;line-height:1.2}.ov-stat-sub{color:#94a3b8;margin-top:3px;font-size:11px}.ov-stat-trend{white-space:nowrap;border-radius:20px;align-items:center;gap:3px;padding:2px 7px;font-size:11px;font-weight:600;display:flex}.ov-stat-trend.up{color:#16a34a;background:#dcfce7}.ov-stat-trend.down{color:#dc2626;background:#fee2e2}.ov-trend-label{opacity:.8;font-weight:400}.ov-stat-arrow{color:#94a3b8;flex-shrink:0;margin-left:auto}.ov-charts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-bottom:20px;display:grid}.ov-chart-card{background:#fff;border:1px solid #e8ecf0;border-radius:14px;padding:18px 20px 14px;box-shadow:0 1px 3px #0000000f}.ov-chart-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ov-chart-title{color:#374151;align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.ov-chart-peak{color:#94a3b8;font-size:11px}.ov-chart-labels{justify-content:space-between;margin-top:6px;display:flex}.ov-chart-labels span{color:#94a3b8;font-size:10px}.ov-bottom-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-bottom:20px;display:grid}.ov-panel{background:#fff;border:1px solid #e8ecf0;border-radius:14px;padding:18px 20px;box-shadow:0 1px 3px #0000000f}.ov-panel-title{color:#374151;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:10px;font-size:13px;font-weight:700;display:flex}.ov-content-grid{flex-direction:column;gap:8px;display:flex}.ov-content-item{border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.ov-content-item:hover{background:#f8fafc}.ov-content-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.ov-content-info{flex:1;justify-content:space-between;align-items:center;display:flex}.ov-content-label{color:#374151;font-size:13px}.ov-content-value{font-size:14px;font-weight:700}.ov-content-link{color:#94a3b8;align-items:center;display:flex}.ov-content-link:hover{color:var(--primary)}.ov-empty-small{color:#94a3b8;text-align:center;padding:20px 0;font-size:13px}.ov-actions-list{flex-direction:column;gap:7px;display:flex}.ov-action-row{align-items:center;gap:8px;display:flex}.ov-action-name{color:#374151;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:120px;font-size:12px;overflow:hidden}.ov-action-bar-wrap{background:#f1f5f9;border-radius:3px;flex:1;height:6px;overflow:hidden}.ov-action-bar{border-radius:3px;height:100%;transition:width .5s}.ov-action-count{color:#374151;text-align:right;width:40px;font-size:12px;font-weight:700}.ov-nav-grid{flex-direction:column;gap:4px;display:flex}.ov-nav-item{color:#374151;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.ov-nav-item:hover{color:var(--primary);background:#f0f0ff}.ov-nav-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.ov-nav-arrow{color:#94a3b8;margin-left:auto}.ov-live-card{background:#fff;border:1px solid #e8ecf0;border-radius:14px;margin-bottom:16px;padding:18px 20px;box-shadow:0 1px 3px #0000000f}.ov-live-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.ov-live-title{color:#374151;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.ov-live-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 0 3px #22c55e40}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #22c55e40}50%{box-shadow:0 0 0 6px #22c55e1a}}.ov-live-badge{color:#16a34a;background:#dcfce7;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700}.ov-live-link{color:var(--primary);align-items:center;gap:4px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.ov-live-link:hover{color:var(--primary)}.ov-live-empty{color:#64748b;align-items:center;gap:16px;padding:20px 0;display:flex}.ov-live-pulse{background:#22c55e;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:2s infinite pulse}.ov-live-empty-title{color:#374151;font-size:14px;font-weight:600}.ov-live-empty-sub{color:#94a3b8;margin-top:2px;font-size:12px}.ov-live-table-wrap{overflow-x:auto}.ov-live-table{border-collapse:collapse;width:100%;font-size:13px}.ov-live-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f1f5f9;padding:8px 12px;font-size:11px;font-weight:600}.ov-live-table td{vertical-align:middle;border-bottom:1px solid #f8fafc;padding:9px 12px}.ov-live-table tr:last-child td{border-bottom:none}.ov-live-table tr.ov-live-new td{background:#f0fdf4;animation:.4s fadeIn}.ov-live-time{color:#64748b;align-items:center;gap:5px;font-size:12px;display:flex}.ov-live-user{color:#374151;font-size:12px}.ov-live-entity{color:#94a3b8;font-size:12px}.ov-action-pill{border:1px solid #0000;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.ov-footer{color:#94a3b8;text-align:center;margin-top:8px;font-size:11px}.al-wrap{min-height:100vh;font-family:var(--font-sans,"Inter", system-ui, sans-serif);color:#111827;background:#f6f7f9;padding:24px 28px 48px;animation:.3s fadeIn}.al-loading{color:#64748b;justify-content:center;align-items:center;gap:12px;height:60vh;font-size:15px;display:flex}.al-toast{z-index:9999;border-radius:12px;align-items:center;gap:10px;max-width:380px;padding:12px 16px;font-size:13px;font-weight:500;animation:.25s toastIn;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 8px 24px #00000026}.al-toast.success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.al-toast.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.al-toast.info{color:var(--primary-dark);background:#eff6ff;border:1px solid #bfdbfe}.al-toast-close{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;margin-left:auto;padding:0 2px;font-size:14px}.al-header-left{flex-direction:column;gap:6px;display:flex}.al-back{color:var(--primary);font-size:13px;font-weight:500;text-decoration:none}.al-back:hover{color:var(--primary)}.al-title{color:#111827;align-items:center;gap:10px;margin:0;font-size:22px;font-weight:800;display:flex}.al-refreshed{color:#94a3b8}.al-header-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.al-live-btn{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;position:relative}.al-live-btn.active{color:#16a34a;background:#f0fdf4;border-color:#22c55e}.al-live-count{color:#fff;background:#22c55e;border-radius:20px;padding:1px 6px;font-size:10px;font-weight:700}.al-btn-refresh{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.al-btn-refresh:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.al-btn-refresh:disabled{opacity:.6;cursor:not-allowed}.al-btn-export{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.al-btn-export:hover{background:var(--primary)}.al-summary{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.al-summary-card{color:var(--primary);background:#fff;border:1px solid #e8ecf0;border-radius:12px;flex:1;align-items:center;gap:12px;min-width:140px;padding:12px 18px;display:flex;box-shadow:0 1px 3px #0000000d}.al-summary-card.live{color:#22c55e}.al-summary-value{color:#111827;font-size:20px;font-weight:800}.al-summary-label{color:#64748b;margin-top:1px;font-size:11px}.al-search-wrap{flex:1;min-width:220px;position:relative}.al-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.al-search{color:#111827;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:9px 36px 9px 38px;font-size:13px;transition:border-color .15s}.al-search:focus{border-color:var(--primary)}.al-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.al-search-clear:hover{color:#374151}.al-select{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;padding:9px 12px;font-size:13px;transition:border-color .15s}.al-search-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.al-search-btn:hover{background:var(--primary)}.al-live-banner{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:center;gap:10px;margin-bottom:12px;padding:10px 16px;font-size:13px;display:flex}.al-live-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s infinite pulse}.al-live-load{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:7px;margin-left:auto;padding:4px 12px;font-size:12px;font-weight:600}.al-table-card{background:#fff;border:1px solid #e8ecf0;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.al-table-loading{color:#64748b;justify-content:center;align-items:center;gap:10px;padding:48px;font-size:14px;display:flex}.al-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 24px;display:flex}.al-empty-icon{color:#d1d5db}.al-empty-title{color:#374151;font-size:16px;font-weight:700}.al-empty-sub{color:#94a3b8;max-width:360px;font-size:13px}.al-table-wrap{overflow-x:auto}.al-table thead tr{background:#f8fafc;border-bottom:1px solid #e8ecf0}.al-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:700}.al-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:11px 14px}.al-row{cursor:pointer;transition:background .12s}.al-row:hover td{background:#f8fafc}.al-row:last-child td{border-bottom:none}.al-cell-time{color:#64748b;white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:flex}.al-action-pill{white-space:nowrap;border:1px solid #0000;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.al-cell-user{min-width:180px}.al-user-info{align-items:center;gap:9px;display:flex}.al-user-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.al-user-name{color:#111827;font-size:12px;font-weight:600}.al-user-email{color:#64748b;font-size:11px}.al-entity-pill{color:#475569;background:#f1f5f9;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.al-cell-mono{font-family:Fira Mono,Courier New,monospace;font-size:12px}.al-muted{color:#94a3b8}.al-view-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.al-view-btn:hover{border-color:var(--primary);color:var(--primary);background:#f0f0ff}.al-page-info{color:#64748b;font-size:12px}.al-page-btns{align-items:center;gap:6px;display:flex}.al-page-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.al-page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:#f0f0ff}.al-page-btn:disabled{opacity:.4;cursor:not-allowed}.al-page-label{color:#374151;padding:0 6px;font-size:13px;font-weight:500}.al-drawer-overlay{z-index:1000;background:#00000059;justify-content:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.al-drawer{background:#fff;flex-direction:column;width:440px;max-width:95vw;height:100vh;animation:.25s slideIn;display:flex;overflow:hidden;box-shadow:-8px 0 32px #00000026}.al-drawer-head{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.al-drawer-title{color:#111827;font-size:15px;font-weight:700}.al-drawer-close{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;padding:4px;font-size:18px;transition:all .15s}.al-drawer-close:hover{color:#111827;background:#f1f5f9}.al-drawer-body{flex:1;padding:20px;overflow-y:auto}.al-detail-grid{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.al-detail-row{background:#f8fafc;border-radius:8px;align-items:flex-start;gap:12px;padding:8px 12px;display:flex}.al-detail-label{color:#64748b;flex-shrink:0;width:100px;margin-top:1px;font-size:12px;font-weight:500}.al-detail-value{color:#111827;word-break:break-all;font-size:13px;font-weight:500}.al-mono{font-family:Fira Mono,Courier New,monospace;font-size:12px!important}.al-detail-section{margin-top:16px}.al-detail-section-title{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:700}.al-detail-json{color:#e2e8f0;white-space:pre-wrap;word-break:break-all;background:#1e293b;border-radius:10px;max-height:300px;padding:14px 16px;font-family:Fira Mono,Courier New,monospace;font-size:12px;overflow:auto}.al-drawer-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.al-drawer-btn{color:var(--primary);border:1px solid var(--primary-18);cursor:pointer;background:#f0f0ff;border-radius:9px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.al-drawer-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}@media (max-width:768px){.ov-wrap,.al-wrap{padding:16px 14px 40px}.ov-stats-grid{grid-template-columns:repeat(2,1fr)}.ov-charts-grid,.ov-bottom-grid{grid-template-columns:1fr}.al-header{flex-direction:column}.al-header-right{width:100%}.al-filters{flex-direction:column}.al-search-wrap{min-width:100%}.al-select{width:100%}.al-drawer{width:100vw}}.al-page{max-width:1400px;margin:0 auto;padding:24px}.al-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.al-header-left{align-items:center;gap:14px;display:flex}.al-header-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.al-title{color:#0f172a;margin:0 0 2px;font-size:1.5rem;font-weight:700}.al-subtitle{color:#64748b;margin:0;font-size:.8rem}.al-header-actions{flex-wrap:wrap;gap:8px;display:flex}.al-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:500;transition:all .15s;display:inline-flex}.al-btn-ghost{color:#475569;background:#f1f5f9}.al-btn-ghost:hover{background:#e2e8f0}.al-btn-primary{background:var(--primary);color:#fff}.al-btn-primary:hover{background:var(--primary)}.al-btn-active{color:#16a34a;background:#dcfce7;border:1px solid #86efac}.al-new-banner{width:100%;color:var(--primary-dark);cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 16px;font-size:.85rem;font-weight:500;display:flex}.al-live-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.5s infinite al-pulse}@keyframes al-pulse{0%,to{opacity:1}50%{opacity:.4}}.al-summary-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-bottom:20px;display:grid}.al-summary-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px;transition:all .15s}.al-summary-card:hover{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary)1a}.al-summary-main{cursor:default}.al-summary-main:hover{box-shadow:none;border-color:#e2e8f0}.al-summary-num{color:#0f172a;font-size:1.5rem;font-weight:700;line-height:1}.al-summary-lbl{color:#64748b;margin-top:4px;font-size:.72rem}.al-src-active{background:#f8f7ff;border-color:var(--primary)!important}.al-summary-sev{flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.al-sev-chip{cursor:pointer;border-radius:20px;align-items:center;gap:4px;padding:5px 10px;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}.al-sev-chip:hover{filter:brightness(.95)}.al-sev-chip-active{box-shadow:0 0 0 2px}.al-sev-n{font-size:.9rem;font-weight:700}.al-sev-l{font-size:.7rem}.al-source-tabs{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;gap:4px;margin-bottom:16px;padding:6px;display:flex}.al-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.al-tab:hover{color:#1e293b;background:#fff}.al-tab-active{color:var(--primary);background:#fff;box-shadow:0 1px 4px #00000014}.al-tab-icon{font-size:1rem}.al-tab-badge{color:#475569;background:#e2e8f0;border-radius:20px;padding:1px 6px;font-size:.7rem;font-weight:600}.al-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.al-search-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:220px;padding:0 12px;display:flex}.al-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary)1a}.al-search-input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;padding:9px 0;font-size:.85rem}.al-search-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;align-items:center;padding:2px;display:flex}.al-select{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:9px 12px;font-size:.82rem}.al-select:focus{border-color:var(--primary)}.al-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:.85rem;display:flex}.al-error button{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;margin-left:auto;padding:4px 10px;font-size:.78rem}.al-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.al-loading,.al-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.al-spinner{border:3px solid #e2e8f0;border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.al-empty p{color:#94a3b8;margin:0;font-size:.9rem}.al-table{border-collapse:collapse;width:100%;font-size:.83rem}.al-table thead{background:#f8fafc}.al-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e2e8f0;padding:11px 14px;font-size:.72rem;font-weight:600}.al-row{cursor:pointer;border-bottom:1px solid #f1f5f9;transition:background .1s}.al-row:hover{background:#f8f7ff}.al-row:last-child{border-bottom:none}.al-table td{vertical-align:middle;padding:11px 14px}.al-td-time{min-width:160px}.al-time-abs{color:#1e293b;font-size:.8rem}.al-time-rel{color:#94a3b8;margin-top:2px;font-size:.72rem}.al-src-pill{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.al-evt-type{color:#475569;font-size:.78rem;font-weight:500}.al-td-action{max-width:200px}.al-action-txt{text-overflow:ellipsis;white-space:nowrap;color:#1e293b;font-weight:500;display:block;overflow:hidden}.al-user-cell{align-items:center;gap:8px;display:flex}.al-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.65rem;font-weight:700;display:flex}.al-user-meta{min-width:0}.al-user-name{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:.78rem;font-weight:500;overflow:hidden}.al-user-email{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:.7rem;overflow:hidden}.al-system{color:#94a3b8;font-size:.75rem;font-style:italic}.al-sev-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.al-detail-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:none;border-radius:6px;padding:5px 10px;font-size:.75rem;transition:all .15s}.al-detail-btn:hover{color:#1e293b;background:#e2e8f0}.al-pagination{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 20px;display:flex}.al-pg-info{color:#64748b;font-size:.8rem}.al-pg-btns{gap:4px;display:flex}.al-pg-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.82rem;transition:all .15s;display:flex}.al-pg-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.al-pg-btn:disabled{opacity:.4;cursor:not-allowed}.al-pg-active{background:var(--primary);color:#fff!important;border-color:var(--primary)!important}.al-overlay{z-index:1000;background:#00000059;justify-content:flex-end;display:flex;position:fixed;inset:0}.al-drawer{background:#fff;flex-direction:column;width:420px;max-width:100vw;height:100%;display:flex;overflow-y:auto;box-shadow:-4px 0 24px #0000001f}.al-drawer-hdr{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:20px 20px 16px;display:flex}.al-drawer-title{color:#0f172a;margin:0 0 4px;font-size:1rem;font-weight:700}.al-drawer-ts{color:#94a3b8;margin:0;font-size:.78rem}.al-drawer-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.al-drawer-close:hover{background:#e2e8f0}.al-drawer-body{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex}.al-drawer-badges{flex-wrap:wrap;gap:8px;display:flex}.al-dfield{flex-direction:column;gap:4px;display:flex}.al-dlabel{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.al-dvalue{color:#1e293b;font-size:.88rem;font-weight:500}.al-daction{background:#f8fafc;border-radius:6px;padding:6px 10px;font-family:monospace;font-size:.82rem}.al-dsub{color:#94a3b8;font-size:.75rem}.al-dlink{color:var(--primary);font-size:.78rem;text-decoration:none}.al-dlink:hover{text-decoration:underline}.al-duser{align-items:flex-start;gap:10px;display:flex}.al-avatar-lg{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.85rem;font-weight:700;display:flex}.al-did{color:#94a3b8;word-break:break-all;font-family:monospace;font-size:.75rem}.al-json{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:6px;max-height:300px;padding:12px;display:flex;overflow-y:auto}.al-json-row{align-items:flex-start;gap:6px;font-size:.8rem;display:flex}.al-jk{color:#7c3aed;white-space:nowrap;font-weight:600}.al-jc{color:#94a3b8}.al-jv{color:#1e293b;word-break:break-word}.al-jnull{color:#94a3b8;font-style:italic}.al-jtrue{color:#16a34a;font-weight:600}.al-jfalse{color:#dc2626;font-weight:600}.al-jobj{white-space:pre-wrap;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.72rem}.um-page{max-width:1200px;margin:0 auto;padding:24px}.um-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.um-header-left{align-items:center;gap:14px;display:flex}.um-header-icon{background:linear-gradient(135deg, #0ea5e9, var(--primary));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.um-title{color:#0f172a;margin:0 0 2px;font-size:1.5rem;font-weight:700}.um-subtitle{color:#64748b;margin:0;font-size:.8rem}.um-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.um-btn-ghost{color:#475569;background:#f1f5f9}.um-btn-ghost:hover{background:#e2e8f0}.um-btn-primary{background:var(--primary);color:#fff}.um-btn-primary:hover{background:var(--primary)}.um-search-bar{gap:10px;margin-bottom:24px;display:flex}.um-search-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.um-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary)1a}.um-search-input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:.88rem}.um-loading{color:#64748b;justify-content:center;align-items:center;gap:12px;padding:60px;display:flex}.um-spinner{border:3px solid #e2e8f0;border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.um-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:.85rem;display:flex}.um-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 20px;display:flex}.um-empty p{margin:0;font-size:.9rem}.um-empty-sub{color:#cbd5e1;font-size:.78rem}.um-profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;padding:24px;display:flex}.um-profile-left{align-items:center;gap:16px;display:flex}.um-avatar-lg{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.2rem;font-weight:700;display:flex}.um-profile-name{color:#0f172a;margin:0 0 4px;font-size:1.2rem;font-weight:700}.um-profile-email{color:#64748b;margin:0 0 8px;font-size:.85rem}.um-profile-badges{flex-wrap:wrap;gap:6px;display:flex}.um-role-badge{color:#475569;text-transform:uppercase;background:#f1f5f9;border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:600}.um-status-badge{border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:600}.um-verified-badge{color:#065f46;background:#d1fae5;border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:600}.um-premium-badge{color:#92400e;background:#fef3c7;border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:600}.um-profile-meta{flex-direction:column;gap:8px;min-width:200px;display:flex}.um-meta-item{justify-content:space-between;gap:16px;display:flex}.um-meta-label{color:#94a3b8;font-size:.78rem}.um-meta-value{color:#1e293b;font-size:.82rem;font-weight:500}.um-xp{color:#7c3aed;font-weight:700}.um-tabs{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;gap:4px;margin-bottom:20px;padding:6px;display:flex}.um-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 14px;font-size:.82rem;font-weight:500;transition:all .15s}.um-tab:hover{color:#1e293b;background:#fff}.um-tab-active{color:var(--primary);background:#fff;font-weight:600;box-shadow:0 1px 4px #00000014}.um-stat-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:24px;display:grid}.um-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:4px;padding:16px;transition:all .15s;display:flex}.um-stat-card:hover{box-shadow:0 4px 12px #0000000f}.um-stat-icon{margin-bottom:4px;font-size:1.4rem}.um-stat-num{color:#0f172a;font-size:1.6rem;font-weight:700;line-height:1}.um-stat-lbl{color:#64748b;font-size:.78rem;font-weight:500}.um-stat-sub{color:#94a3b8;font-size:.72rem}.um-stat-words{border-top:3px solid var(--primary)}.um-stat-idioms{border-top:3px solid var(--secondary)}.um-stat-games{border-top:3px solid #06b6d4}.um-stat-quizzes{border-top:3px solid #f59e0b}.um-stat-achieve{border-top:3px solid #f97316}.um-stat-events{border-top:3px solid #10b981}.um-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:16px;padding:20px}.um-section-title{color:#1e293b;margin:0 0 16px;font-size:.95rem;font-weight:700}.um-empty-text{color:#94a3b8;margin:0;font-size:.85rem}.um-timeline{flex-direction:column;display:flex}.um-timeline-item{border-bottom:1px solid #f1f5f9;gap:12px;padding:12px 0;display:flex}.um-timeline-item:last-child{border-bottom:none}.um-timeline-icon{text-align:center;flex-shrink:0;width:28px;font-size:1.2rem}.um-timeline-body{flex:1}.um-timeline-action{color:#1e293b;font-size:.85rem;font-weight:600}.um-timeline-time{color:#94a3b8;margin-top:2px;font-size:.75rem}.um-timeline-details{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.um-td-chip{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:.7rem}.um-activity-list{flex-direction:column;display:flex}.um-activity-item{border-bottom:1px solid #f8fafc;align-items:center;gap:10px;padding:8px 0;display:flex}.um-activity-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:6px;height:6px}.um-activity-body{flex:1;justify-content:space-between;align-items:center;gap:12px;display:flex}.um-activity-action{color:#1e293b;font-size:.82rem;font-weight:500}.um-activity-time{color:#94a3b8;white-space:nowrap;font-size:.72rem}.um-learning-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:16px;display:grid}.um-learn-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px}.um-learn-title{color:#1e293b;margin:0 0 14px;font-size:.95rem;font-weight:700}.um-learn-stats{flex-direction:column;gap:8px;display:flex}.um-ls-row{border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:center;padding:4px 0;font-size:.83rem;display:flex}.um-ls-row span{color:#64748b}.um-ls-row strong{color:#1e293b}.um-ls-new strong{color:#94a3b8}.um-ls-learning strong{color:#f59e0b}.um-ls-mastered strong{color:#10b981}.um-ls-due strong{color:#ef4444}.um-progress-bar-wrap{margin-top:14px}.um-progress-bar{background:#f1f5f9;border-radius:4px;height:8px;display:flex;overflow:hidden}.um-pb-new{background:#e2e8f0}.um-pb-learning{background:#fbbf24}.um-pb-mastered{background:#34d399}.um-pb-legend{gap:12px;margin-top:6px;display:flex}.um-pbl-new,.um-pbl-learning,.um-pbl-mastered{color:#64748b;font-size:.7rem}.um-status-pill{border-radius:20px;padding:2px 8px;font-size:.72rem;font-weight:600}.um-status-new{color:#64748b;background:#f1f5f9}.um-status-learning{color:#92400e;background:#fef3c7}.um-status-mastered{color:#065f46;background:#d1fae5}.um-progress-table-wrap{overflow-x:auto}.um-table{border-collapse:collapse;width:100%;font-size:.83rem}.um-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:9px 12px;font-size:.72rem;font-weight:600}.um-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:9px 12px}.um-table tr:last-child td{border-bottom:none}.um-table tr:hover td{background:#f8f7ff}.um-td-mono{color:#94a3b8;font-family:monospace;font-size:.75rem}.um-td-green{color:#16a34a;font-weight:600}.um-td-red{color:#dc2626;font-weight:600}.um-td-details{max-width:200px}.um-td-empty{color:#cbd5e1;font-style:italic}.um-game-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.um-game-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.um-game-type{color:#1e293b;margin-bottom:10px;font-size:.85rem;font-weight:700}.um-game-stats{flex-direction:column;gap:6px;display:flex}.um-gs-row{justify-content:space-between;font-size:.8rem;display:flex}.um-gs-row span{color:#64748b}.um-gs-row strong{color:#1e293b}.um-bool-badge{border-radius:20px;padding:2px 8px;font-size:.72rem;font-weight:600}.um-bool-yes{color:#065f46;background:#d1fae5}.um-bool-no{color:#991b1b;background:#fee2e2}.um-quiz-summary{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:20px;display:grid}.um-qs-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.um-qs-num{color:#0f172a;font-size:1.6rem;font-weight:700}.um-qs-lbl{color:#64748b;margin-top:4px;font-size:.75rem}.um-score-badge{border-radius:20px;padding:3px 8px;font-size:.75rem;font-weight:600}.um-score-high{color:#065f46;background:#d1fae5}.um-score-mid{color:#92400e;background:#fef3c7}.um-score-low{color:#991b1b;background:#fee2e2}.um-ach-summary{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.um-ach-rarity-card{text-align:center;background:#fff;border:2px solid;border-radius:12px;min-width:90px;padding:14px 20px}.um-ach-count{font-size:1.5rem;font-weight:700}.um-ach-rarity{color:#64748b;text-transform:capitalize;margin-top:2px;font-size:.72rem}.um-ach-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.um-ach-card{background:#fff;border:1px solid;border-radius:12px;gap:12px;padding:14px;display:flex}.um-ach-icon{flex-shrink:0;font-size:1.8rem}.um-ach-info{flex:1;min-width:0}.um-ach-title{color:#1e293b;font-size:.85rem;font-weight:700}.um-ach-cat{color:#64748b;margin-top:2px;font-size:.72rem}.um-ach-meta{align-items:center;gap:6px;margin-top:4px;display:flex}.um-ach-rarity-badge{text-transform:capitalize;font-size:.7rem;font-weight:600}.um-ach-xp{color:#92400e;background:#fef3c7;border-radius:20px;padding:1px 6px;font-size:.7rem;font-weight:600}.um-ach-date{color:#94a3b8;margin-top:4px;font-size:.7rem}.um-auth-profile{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:10px;margin-bottom:16px;padding:20px;display:flex}.um-auth-row{border-bottom:1px solid #f8fafc;align-items:center;gap:16px;padding:6px 0;font-size:.85rem;display:flex}.um-auth-row span{color:#64748b;flex-shrink:0;min-width:140px}.um-auth-row strong{color:#1e293b}.um-auth-warn{background:#fffbeb;border-radius:8px;padding:8px 12px}.um-auth-warn span{color:#92400e}.um-auth-error{background:#fef2f2;border-radius:8px;padding:8px 12px}.um-auth-error span{color:#991b1b}.um-code{color:#475569;word-break:break-all;background:#f8fafc;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.78rem}.um-act-breakdown{flex-direction:column;gap:8px;display:flex}.um-act-row{align-items:center;gap:10px;font-size:.82rem;display:flex}.um-act-type{color:#475569;flex-shrink:0;min-width:160px;font-weight:500}.um-act-bar-wrap{background:#f1f5f9;border-radius:4px;flex:1;height:8px;overflow:hidden}.um-act-bar{background:linear-gradient(90deg, var(--primary), var(--secondary));border-radius:4px;height:100%;transition:width .5s}.um-act-count{text-align:right;color:#1e293b;min-width:40px;font-weight:600}.um-act-badge{color:#475569;background:#f1f5f9;border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:500}.um-sub-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;padding:16px;display:flex}.um-sub-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:4px 0;font-size:.83rem;display:flex}.um-sub-row:last-child{border-bottom:none}.um-sub-row span{color:#64748b}.um-sub-row strong{color:#1e293b}.um-deck-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.um-deck-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px}.um-deck-name{color:#1e293b;font-size:.85rem;font-weight:600}.um-deck-count{color:var(--primary);margin-top:4px;font-size:.75rem}.um-deck-date{color:#94a3b8;margin-top:4px;font-size:.7rem}.um-flag-badge{border-radius:20px;padding:2px 8px;font-size:.72rem;font-weight:600}.um-flag-pending{color:#92400e;background:#fef3c7}.um-flag-approved{color:#065f46;background:#d1fae5}.um-flag-rejected{color:#991b1b;background:#fee2e2}@media (max-width:768px){.al-page,.um-page{padding:16px}.al-summary-grid{grid-template-columns:repeat(2,1fr)}.al-source-tabs{flex-wrap:nowrap;overflow-x:auto}.al-drawer{width:100vw}.um-profile-card{flex-direction:column}.um-profile-meta{min-width:unset;width:100%}.um-tabs{flex-wrap:nowrap;overflow-x:auto}.um-stat-grid{grid-template-columns:repeat(2,1fr)}}tr.selected-row{background:rgba(var(--primary-rgb), .06)!important}tr.selected-row td{border-color:rgba(var(--primary-rgb), .15)!important}@media (max-width:1100px){.admin-ui .drawer{border-radius:20px;width:min(1100px,98vw);height:97vh}.admin-ui .drawer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.drawer-overlay{justify-content:stretch;align-items:stretch;padding:0}.admin-ui .drawer{border:none;border-radius:0;width:100vw;height:100vh;max-height:100vh}.admin-ui .drawer-head,.admin-ui .tabs,.admin-ui .drawer-body{padding-left:16px;padding-right:16px}.admin-ui .drawer-grid{grid-template-columns:1fr}}.admin-ui .membership-badge{border:1px solid var(--admin-border);background:#fff;border-radius:12px;flex-direction:column;gap:2px;min-width:140px;padding:9px 12px;display:inline-flex}.admin-ui .membership-badge.premium{background:linear-gradient(#fffbeb 0%,#fff7ed 100%);border-color:#f59e0b3d}.admin-ui .membership-badge.free{background:linear-gradient(#f8fafc 0%,#fff 100%)}.admin-ui .membership-title{color:var(--admin-text);font-size:12px;font-weight:800;line-height:1.2}.admin-ui .membership-sub{color:var(--admin-muted);font-size:11px;font-weight:500;line-height:1.3}.admin-ui .country-cell{align-items:center;gap:10px;min-width:128px;display:flex}.admin-ui .country-flag{border:1px solid var(--admin-border);background:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;display:inline-flex}.admin-ui .country-name{color:var(--admin-text);font-size:12px;font-weight:700;line-height:1.2}.admin-ui .country-sub,.admin-ui .login-sub{color:var(--admin-muted);font-size:11px;font-weight:500;line-height:1.3}.admin-ui .login-cell{min-width:150px}.admin-ui .login-time{color:var(--admin-text);font-size:12px;font-weight:700;line-height:1.3}.admin-ui .users-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.admin-ui .users-title{color:var(--admin-text);letter-spacing:-.03em;font-size:22px;font-weight:800}.admin-ui .users-sub{color:var(--admin-muted);margin-top:4px;font-size:13px;font-weight:500}
@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card{transition:all .3s cubic-bezier(.4,0,.2,1);animation:.4s ease-out fadeIn}.card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}button,.btn{transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}button:hover:not(:disabled),.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}button:active:not(:disabled),.btn:active:not(:disabled){transform:translateY(0)}button:disabled,.btn:disabled{opacity:.6;cursor:not-allowed}button:after,.btn:after{content:"";background:#ffffff80;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}button:active:after,.btn:active:after{width:300px;height:300px}input,textarea,select{transition:all .2s}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .1);outline:none;transform:scale(1.01)}.skeleton{background:linear-gradient(90deg,#f0f0f0 0%,#e0e0e0 50%,#f0f0f0 100%) 0 0/200% 100%;border-radius:4px;animation:1.5s infinite shimmer}.page-transition{animation:.3s ease-out fadeIn}.badge{animation:.3s ease-out scaleIn;display:inline-block}.badge-pulse{animation:2s infinite pulse}.progress-bar{transition:width .6s cubic-bezier(.4,0,.2,1)}.notification-enter{animation:.3s ease-out slideInFromRight}.modal-backdrop{animation:.2s ease-out fadeIn}.modal-content{animation:.3s cubic-bezier(.34,1.56,.64,1) scaleIn}.interactive{cursor:pointer;transition:all .2s}.interactive:hover{transform:scale(1.02)}.gradient-text{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%)}@media (max-width:768px){.card:hover,button:hover:not(:disabled),.btn:hover:not(:disabled){transform:none}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}