@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
:root{--primary-h:246;--primary-s:75%;--primary-l:59%;--primary:hsl(var(--primary-h),var(--primary-s),var(--primary-l));--primary-foreground:#fff;--primary-light:#eae8fc;--primary-dark:#2e1dc9;--background:#f9f9fb;--foreground:#17171c;--card:#fff;--card-foreground:#17171c;--card-border:#e9e9ed;--popover:#fff;--popover-foreground:#17171c;--sidebar-bg:#fcfcfd;--sidebar-foreground:#22222a;--sidebar-border:#e6e6ea;--sidebar-active-bg:#eae8fc;--sidebar-active-text:#2e1dc9;--text-primary:#17171c;--text-secondary:#393946;--text-tertiary:#61616b;--text-muted:#7e7e8b;--border:#e3e3e8;--border-subtle:#e9e9ed;--border-default:#dddde3;--secondary:#f4f4f6;--secondary-foreground:#393946;--muted:#f3f3f6;--muted-foreground:#7e7e8b;--accent:#eae8fc;--accent-foreground:#2e1dc9;--color-success:#16a34a;--color-success-bg:#f0fdf4;--color-warning:#d97706;--color-warning-bg:#fffbeb;--color-danger:#dc2626;--color-danger-bg:#fef2f2;--color-info:#2563eb;--color-info-bg:#eff6ff;--color-purple:#7c3aed;--color-purple-bg:#f5f3ff;--sidebar-width:240px;--header-height:60px;--content-max-width:1400px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-xs:0px 1px 2px #0000000a;--shadow-sm:0px 1px 3px #0000000f,0px 1px 2px #0000000a;--shadow-md:0px 4px 8px #0000000f,0px 2px 4px #0000000a;--shadow-lg:0px 8px 16px #00000012,0px 4px 6px #0000000a;--shadow-card:0px 1px 3px #0000000f,0px 1px 2px #0000000a;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.25s cubic-bezier(.4,0,.2,1);--font-sans:"Plus Jakarta Sans","Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--bg-secondary:var(--muted);--brand-primary:var(--primary);--brand-primary-light:var(--primary-light);--brand-accent:var(--accent);--text-brand:var(--primary);--border-brand:var(--border)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--background);color:var(--text-primary);min-height:100vh;line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:40;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{height:var(--header-height);border-bottom:1px solid var(--sidebar-border);align-items:center;gap:10px;padding:0 16px;display:flex}.sidebar-logo-text{letter-spacing:-.3px;color:var(--sidebar-foreground);font-size:14px;font-weight:700}.sidebar-logo-sub{color:var(--text-muted);margin-top:1px;font-size:11px;font-weight:500;line-height:1.2}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex;overflow-y:auto}.sidebar-link{border-radius:var(--radius-md);color:var(--text-tertiary);transition:all var(--transition-fast);cursor:pointer;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-link:hover{background:var(--muted);color:var(--text-primary)}.sidebar-link.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text)}.sidebar-link svg,.sidebar-link .sidebar-icon{flex-shrink:0;width:16px;height:16px}.sidebar-link.active svg,.sidebar-link.active .sidebar-icon{color:var(--primary)}.sidebar-notif{border-radius:var(--radius-full);background:var(--color-danger);color:#fff;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.sidebar-footer{border-top:1px solid var(--sidebar-border);padding:12px}.sidebar-wallet{background:var(--accent);border-radius:var(--radius-md);margin-bottom:8px;padding:12px}.sidebar-wallet-label{color:var(--text-muted);font-size:11px;font-weight:600}.sidebar-wallet-value{color:var(--sidebar-foreground);font-variant-numeric:tabular-nums;margin-top:2px;font-size:16px;font-weight:700}.sidebar-branding{margin-top:4px;padding:0 8px}.sidebar-branding p{color:var(--text-muted);font-size:10px;line-height:1.4}.main-content{margin-left:var(--sidebar-width);background:var(--background);min-height:100vh}.page-header{height:var(--header-height);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);z-index:30;background:#f8fafccc;justify-content:space-between;align-items:center;gap:16px;padding:0 32px;display:flex;position:sticky;top:0}.page-title{letter-spacing:-.3px;color:var(--text-primary);font-size:18px;font-weight:700}.page-subtitle{color:var(--text-muted);margin-top:2px;font-size:12px}.page-body{max-width:var(--content-max-width);padding:24px 32px}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:border-color var(--transition-fast);padding:20px}.card:hover{border-color:var(--border-default)}.stat-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);align-items:center;gap:12px;padding:16px 20px;display:flex}.stat-card-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-card-content{flex:1;min-width:0}.stat-card-value{letter-spacing:-.5px;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:1.2}.stat-card-label{color:var(--text-muted);margin-top:2px;font-size:12px;font-weight:500}.stat-card-sub{color:var(--text-muted);align-items:center;gap:4px;margin-top:2px;font-size:11px;display:flex}.badge{border-radius:var(--radius-full);border:1px solid #0000;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.badge-warning{color:#b45309;background:#fffbeb;border-color:#fde68a}.badge-danger{color:#dc2626;background:#fef2f2;border-color:#fecaca}.badge-info{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.badge-purple{color:#7c3aed;background:#f5f3ff;border-color:#ddd6fe}.badge-neutral{background:var(--muted);color:var(--text-secondary);border-color:var(--border)}.badge-calling{color:#b45309;background:#fffbeb;border-color:#fde68a}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:13px;font-weight:600;font-family:var(--font-sans);white-space:nowrap;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:6px;padding:8px 16px;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary-dark)}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:var(--card);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--muted)}.btn-danger{background:var(--color-danger);color:#fff;border-color:#b91c1c}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-ghost{color:var(--text-secondary);background:0 0;border:none}.btn-ghost:hover:not(:disabled){background:var(--muted);color:var(--text-primary)}.btn-sm{padding:5px 10px;font-size:12px}.btn-lg{padding:10px 20px;font-size:14px}.input{background:var(--card);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:13px;font-family:var(--font-sans);transition:all var(--transition-fast);outline:none;padding:8px 12px}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #5848e51a}.input::placeholder{color:var(--text-muted)}.input-label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.input-error{border-color:var(--color-danger)!important;box-shadow:0 0 0 3px #dc26261a!important}.input-helper{color:var(--text-muted);margin-top:4px;font-size:11px}.input-error-text{color:var(--color-danger);margin-top:4px;font-size:11px}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}.toggle{appearance:none;background:var(--muted);border-radius:var(--radius-full);cursor:pointer;width:40px;height:22px;transition:background var(--transition-fast);border:1px solid var(--border-default);position:relative}.toggle:checked{background:var(--primary);border-color:var(--primary-dark)}.toggle:before{content:"";width:16px;height:16px;transition:transform var(--transition-fast);box-shadow:var(--shadow-xs);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle:checked:before{transform:translate(18px)}.table-container{border:1px solid var(--card-border);border-radius:var(--radius-lg);background:var(--card);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{text-align:left;color:var(--text-muted);background:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 16px;font-size:12px;font-weight:600}.table td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);padding:12px 16px}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#f9f9fb80}.table tr{cursor:pointer;transition:background var(--transition-fast)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;animation:fadeIn var(--transition-fast)ease-out;background:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-xl);width:95%;max-width:520px;max-height:85vh;box-shadow:var(--shadow-lg);animation:slideUp var(--transition-normal)ease-out;padding:24px;overflow-y:auto}.modal-title{margin-bottom:6px;font-size:16px;font-weight:700}.modal-description{color:var(--text-secondary);margin-bottom:16px;font-size:13px}.skeleton{background:linear-gradient(90deg,var(--muted)0%,var(--border-subtle)50%,var(--muted)100%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.wallet-normal{color:var(--color-success)}.wallet-amber{color:var(--color-warning)}.wallet-red{color:var(--color-danger)}.wallet-blocked{color:var(--color-danger);animation:2s ease-in-out infinite pulse}.progress-bar{background:var(--muted);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .4s}.filter-pill{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:var(--muted);color:var(--text-muted);font-size:12px;font-weight:500;font-family:var(--font-sans);border:none;align-items:center;padding:5px 12px;display:inline-flex}.filter-pill:hover{color:var(--text-primary)}.filter-pill.active{background:var(--primary);color:var(--primary-foreground)}.dropzone{border:2px dashed var(--border-default);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition-fast);background:var(--card);padding:24px}.dropzone.active{border-color:var(--primary);background:var(--accent)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.filter-pill{border-radius:var(--radius-full);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-sans);transition:all var(--transition-fast);white-space:nowrap;background:0 0;align-items:center;gap:4px;padding:6px 14px;display:inline-flex}.filter-pill:hover{background:var(--muted);border-color:var(--border-default)}.filter-pill.active{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-grid-4{gap:16px;display:grid}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width:1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}.sidebar{transform:translate(-100%)}.main-content{margin-left:0}.page-body{padding:16px}}