body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.6;color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased}.text-xs{font-size:11px;line-height:1.5}.text-sm{font-size:12px;line-height:1.5}.text-base{font-size:14px;line-height:1.6}.text-md{font-size:15px;line-height:1.6}.text-lg{font-size:17px;line-height:1.4}.text-xl{font-size:20px;line-height:1.3}.text-2xl{font-size:24px;line-height:1.25}.text-3xl{font-size:30px;line-height:1.2}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}h1,h2,h3{letter-spacing:-.02em}.font-mono{font-family:JetBrains Mono,monospace;font-size:12px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.anim-fade-up{animation:fadeInUp .35s cubic-bezier(.4,0,.2,1) both}.anim-fade-in{animation:fadeIn .25s ease both}.anim-slide-down{animation:slideDown .2s ease both}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:50ms}.stagger>*:nth-child(3){animation-delay:.1s}.stagger>*:nth-child(4){animation-delay:.15s}.stagger>*:nth-child(5){animation-delay:.2s}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-md)}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:20px 24px}.card.card-sm{padding:14px 18px}.card.card-hover:hover{border-color:var(--navy-300);box-shadow:var(--shadow-md);transition:all .15s ease}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:500}.badge.badge-green{background:var(--success-50);color:var(--success-600)}.badge.badge-blue{background:var(--blue-50);color:var(--blue-700)}.badge.badge-yellow{background:var(--warning-50);color:var(--warning-600)}.badge.badge-red{background:var(--danger-50);color:var(--danger-600)}.badge.badge-neutral{background:var(--navy-100);color:var(--navy-600)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:all .12s ease;border:1px solid transparent;white-space:nowrap;text-decoration:none}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn.btn-primary{background:var(--blue-600);color:#fff;border-color:var(--blue-700)}.btn.btn-primary:hover{background:var(--blue-700)}.btn.btn-primary:active{transform:scale(.98)}.btn.btn-dark{background:var(--navy-900);color:#fff}.btn.btn-dark:hover{background:var(--navy-800)}.btn.btn-secondary{background:#fff;color:var(--navy-900);border-color:var(--border-light);box-shadow:var(--shadow-xs)}.btn.btn-secondary:hover{background:var(--navy-50);border-color:var(--navy-300)}.btn.btn-ghost{background:transparent;color:var(--text-secondary)}.btn.btn-ghost:hover{background:var(--navy-100);color:var(--text-primary)}.btn.btn-danger{background:var(--danger-50);color:var(--danger-600);border-color:var(--danger-100)}.btn.btn-danger:hover{background:var(--danger-600);color:#fff}.btn.btn-sm{padding:5px 12px;font-size:12px}.btn.btn-lg{padding:10px 20px;font-size:14px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.input{width:100%;padding:8px 12px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:16px;font-family:inherit;color:var(--text-primary);background:#fff;transition:border-color .12s,box-shadow .12s;outline:none}.input::placeholder{color:var(--text-muted)}.input:hover{border-color:var(--navy-300)}.input:focus{border-color:var(--blue-500);box-shadow:var(--shadow-focus)}.input.input-error{border-color:var(--danger-500)}.table{width:100%;border-collapse:collapse}.table th{text-align:right;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:10px 16px;border-bottom:1px solid var(--border-light)}.table td{padding:12px 16px;font-size:13px;color:var(--text-secondary);border-bottom:1px solid var(--border-light);vertical-align:middle}.table tr:hover td{background:var(--navy-50)}.table tr:last-child td{border-bottom:none}.code-block{background:var(--navy-900);color:#e2e8f0;border-radius:var(--radius-lg);padding:16px 20px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.7;overflow-x:auto}.code-block .code-blue{color:#60a5fa}.code-block .code-green{color:#34d399}.code-block .code-yellow{color:#fbbf24}[dir=rtl] .sidebar{right:0;left:auto;border-left:1px solid var(--border-light);border-right:none}[dir=rtl] .main-content{margin-right:220px;margin-left:0}[dir=rtl] .text-right-en{text-align:left}[dir=rtl] .table th,[dir=rtl] .table td{text-align:right}[dir=rtl] .ms-auto{margin-right:auto;margin-left:0}[dir=rtl] .badge{direction:rtl}[dir=ltr] .sidebar{left:0;right:auto;border-right:1px solid var(--border-light)}[dir=ltr] .main-content{margin-left:220px;margin-right:0}[dir=ltr] .table th,[dir=ltr] .table td{text-align:left}:root{--navy-950: #020617;--navy-900: #0F172A;--navy-800: #1E293B;--navy-700: #334155;--navy-600: #475569;--navy-500: #64748B;--navy-400: #94A3B8;--navy-300: #CBD5E1;--navy-200: #E2E8F0;--navy-100: #F1F5F9;--navy-50: #F8FAFC;--blue-700: #1D4ED8;--blue-600: #2563EB;--blue-500: #3B82F6;--blue-400: #60A5FA;--blue-100: #DBEAFE;--blue-50: #EFF6FF;--success-600: #16A34A;--success-500: #22C55E;--success-50: #F0FDF4;--success-100: #DCFCE7;--warning-600: #D97706;--warning-500: #F59E0B;--warning-50: #FFFBEB;--warning-100: #FEF3C7;--danger-600: #DC2626;--danger-500: #EF4444;--danger-50: #FEF2F2;--danger-100: #FEE2E2;--bg-page: #F8FAFC;--bg-card: #FFFFFF;--bg-sidebar: #0F172A;--bg-topbar: #FFFFFF;--border-light: #E2E8F0;--border-medium: #CBD5E1;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--text-inverted: #FFFFFF;--text-link: #2563EB;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(15,23,42,.05);--shadow-sm: 0 1px 3px rgba(15,23,42,.08), 0 1px 2px rgba(15,23,42,.04);--shadow-md: 0 4px 6px rgba(15,23,42,.05), 0 2px 4px rgba(15,23,42,.04);--shadow-lg: 0 10px 24px rgba(15,23,42,.08), 0 4px 8px rgba(15,23,42,.04);--shadow-focus: 0 0 0 3px rgba(37,99,235,.2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}