*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}:root{--bg-base: #f0f2f5;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-card: #ffffff;--bg-glass: rgba(255,255,255,.85);--bg-glass-hover: rgba(255,255,255,.95);--accent-primary: #16a34a;--accent-violet: #15803d;--accent-cyan: #22c55e;--accent-success: #16a34a;--accent-warning: #f59e0b;--accent-danger: #ef4444;--accent-pink: #ec4899;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-accent: rgba(22,163,74,.35);--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 16px 40px rgba(0,0,0,.1);--shadow-glow: 0 0 24px rgba(22,163,74,.18);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--sidebar-w: 265px;--transition: all .18s cubic-bezier(.4, 0, .2, 1)}body{font-family:Inter,system-ui,sans-serif;background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 10% 20%,rgba(22,163,74,.04) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(34,197,94,.04) 0%,transparent 40%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:#fff!important;border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:width .28s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:2px 0 12px #0000000a;will-change:width;transform:translateZ(0)}.sidebar:after{display:none}.sidebar-logo,.sidebar-nav,.sidebar-user,.sidebar-footer{position:relative;z-index:10}.sidebar-logo{padding:1.25rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:.75rem;background:transparent}.sidebar-logo-icon{width:38px;height:38px;border-radius:var(--radius-md);background:linear-gradient(135deg,#16a34a,#22c55e);display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 4px 12px #16a34a4d;flex-shrink:0;overflow:hidden}.sidebar-logo h1{font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:800;color:var(--text-primary);background:none;-webkit-background-clip:unset;background-clip:unset}.sidebar-logo span{font-size:.62rem;color:var(--text-muted);display:block;font-weight:400;-webkit-text-fill-color:var(--text-muted)}.sidebar-nav{flex:1;padding:1rem .75rem;overflow-y:auto}.sidebar-nav-title{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);padding:.75rem .5rem .35rem;font-weight:600}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .9rem;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:.855rem;font-weight:500;transition:var(--transition);margin-bottom:2px;cursor:pointer;border:none;background:none;width:100%;text-align:left;position:relative}.nav-item:hover{background:#16a34a0f;color:#16a34a}.nav-item.active{background:#16a34a1a;color:#16a34a;font-weight:600;border:none}.nav-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:0 3px 3px 0;background:#16a34a}.nav-item .nav-icon{width:18px;height:18px;opacity:.65;flex-shrink:0;transition:var(--transition)}.nav-item:hover .nav-icon{opacity:.9}.nav-item.active .nav-icon{opacity:1;color:#16a34a}.sidebar-footer{padding:.85rem .75rem;border-top:1px solid var(--border-color);font-size:.72rem;color:var(--text-muted);text-align:center;background:transparent}.sidebar-upgrade{margin:0 .75rem .75rem;padding:1rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;text-align:center}.sidebar-upgrade h4{font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700;margin-bottom:.25rem}.sidebar-upgrade p{font-size:.68rem;opacity:.85;margin-bottom:.75rem;line-height:1.4}.sidebar-upgrade-btn{display:inline-flex;align-items:center;gap:.4rem;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:.75rem;font-weight:700;padding:.4rem .9rem;cursor:pointer;transition:var(--transition);text-decoration:none}.sidebar-upgrade-btn:hover{background:#ffffff4d}.main-content{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .28s cubic-bezier(.4,0,.2,1);will-change:margin-left}@media (min-width: 769px){.main-content.expanded{margin-left:80px}}.topbar{height:62px;background:#fff;border-bottom:1px solid var(--border-color);box-shadow:0 1px 4px #0000000d;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:50}.topbar-left{display:flex;flex-direction:column;gap:1px}.topbar-breadcrumb{font-size:.7rem;color:var(--text-muted);font-weight:500}.topbar-title{font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;color:var(--text-primary)}.topbar-search{display:flex;align-items:center;gap:.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:.4rem .85rem;font-size:.82rem;color:var(--text-muted);cursor:default;-webkit-user-select:none;user-select:none;transition:var(--transition);min-width:200px}.topbar-search:hover{border-color:var(--border-accent);background:#f0fdf4}.topbar-search-kbd{margin-left:auto;font-size:.65rem;background:var(--border-color);color:var(--text-muted);border-radius:4px;padding:1px 5px;font-family:monospace}.topbar-right{display:flex;align-items:center;gap:.75rem}.topbar-date{font-size:.78rem;color:var(--text-muted)}.topbar-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#16a34a,#22c55e);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700;cursor:pointer;border:2px solid rgba(22,163,74,.2);flex-shrink:0}.page-content{flex:1;padding:1.75rem;max-width:1400px;width:100%;margin:0 auto}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.4rem;transition:var(--transition);box-shadow:0 2px 8px #0000000d}.card:hover{border-color:var(--border-accent);box-shadow:0 6px 20px #00000014}.card-header-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#16a34a1a;color:var(--accent-primary)}.glass-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000d}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.35rem;position:relative;overflow:hidden;transition:var(--transition);box-shadow:0 2px 8px #0000000d}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.stat-card.indigo:before{background:linear-gradient(90deg,#16a34a,#22c55e)}.stat-card.cyan:before{background:linear-gradient(90deg,#0891b2,#22c55e)}.stat-card.green:before{background:linear-gradient(90deg,#16a34a,#4ade80)}.stat-card.amber:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.stat-card.pink:before{background:linear-gradient(90deg,#ec4899,#f472b6)}.stat-card.violet:before{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.stat-card.emerald:before{background:linear-gradient(90deg,#10b981,#34d399)}.stat-card.red:before{background:linear-gradient(90deg,#ef4444,#f87171)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000017}.stat-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:.85rem}.stat-icon.indigo{background:#16a34a1f;color:#16a34a}.stat-icon.cyan{background:#0891b21f;color:#0891b2}.stat-icon.green{background:#16a34a1f;color:#16a34a}.stat-icon.amber{background:#f59e0b1f;color:var(--accent-warning)}.stat-icon.pink{background:#ec48991f;color:var(--accent-pink)}.stat-icon.violet{background:#7c3aed1f;color:#7c3aed}.stat-icon.emerald{background:#10b9811f;color:#10b981}.stat-icon.red{background:#ef44441f;color:#ef4444}.stat-value{font-family:Outfit,sans-serif;font-size:1.65rem;font-weight:800;line-height:1.1;color:var(--text-primary)}.stat-label{font-size:.78rem;color:var(--text-muted);margin-top:.2rem;font-weight:500}.stat-sub{font-size:.72rem;color:var(--text-secondary);margin-top:.4rem;display:flex;align-items:center;gap:.25rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.row-span-2{grid-row:span 2 / span 2}@media (max-width: 1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.sidebar{transform:translate(-100%);transition:transform .3s ease;z-index:1000}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}}.menu-toggle-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem;border-radius:var(--radius-md);transition:var(--transition)}.menu-toggle-btn:hover{background:var(--bg-secondary)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}.sidebar-logo-text,.nav-label,.sidebar-upgrade,.sidebar-user-info,.sidebar-footer{overflow:hidden;white-space:nowrap;opacity:1;max-width:200px;transition:opacity .22s cubic-bezier(.4,0,.2,1),max-width .28s cubic-bezier(.4,0,.2,1);will-change:opacity,max-width}.sidebar-nav-title{overflow:hidden;white-space:nowrap;opacity:1;max-width:200px;max-height:40px;padding-top:.75rem;padding-bottom:.35rem;margin-top:0;transition:opacity .22s cubic-bezier(.4,0,.2,1),max-width .28s cubic-bezier(.4,0,.2,1),max-height .28s cubic-bezier(.4,0,.2,1),padding .28s cubic-bezier(.4,0,.2,1),margin .28s cubic-bezier(.4,0,.2,1);will-change:opacity,max-width,max-height}.sidebar-nav-title+.sidebar-nav-title,.nav-item~.sidebar-nav-title{margin-top:.5rem}.sidebar-logo,.sidebar-user-block{transition:padding .28s cubic-bezier(.4,0,.2,1)}.nav-item{transition:background .18s ease,color .18s ease,padding .28s cubic-bezier(.4,0,.2,1),justify-content 0s}@media (min-width: 769px){.sidebar.collapsed{width:80px;overflow:visible!important}.sidebar.collapsed .sidebar-nav{overflow:visible!important}.sidebar.collapsed .sidebar-logo-text,.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-upgrade,.sidebar.collapsed .sidebar-user-info,.sidebar.collapsed .sidebar-footer{opacity:0;max-width:0;pointer-events:none}.sidebar.collapsed .sidebar-nav-title{opacity:0!important;max-width:0!important;max-height:0!important;padding:0!important;margin:0!important;font-size:0!important;line-height:0!important;border:none!important;pointer-events:none!important}.sidebar.collapsed .sidebar-logo,.sidebar.collapsed .sidebar-user-block{justify-content:center;padding-left:.5rem;padding-right:.5rem}.sidebar.collapsed .nav-item{justify-content:center;padding:.8rem 0;position:relative}.sidebar.collapsed .nav-item:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 15px);top:50%;transform:translateY(-50%);background:#0f172a;color:#fff;padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000026;z-index:1000}.sidebar.collapsed .nav-item:hover:after{opacity:1;visibility:visible;left:calc(100% + 10px)}.sidebar.collapsed .nav-icon{flex-shrink:0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:var(--transition);text-decoration:none;white-space:nowrap;font-family:Inter,sans-serif}.btn:active{transform:scale(.95)}.btn-primary{background:#16a34a;color:#fff;box-shadow:0 4px 14px #16a34a40}.btn-primary:hover{background:#15803d;box-shadow:0 6px 20px #16a34a59;transform:translateY(-1px)}.btn-success{background:#16a34a;color:#fff;box-shadow:0 4px 14px #16a34a40}.btn-success:hover{background:#15803d;box-shadow:0 6px 20px #16a34a59;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,var(--accent-danger),#f87171);color:#fff}.btn-danger:hover{opacity:.9;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-outline:hover{background:#f0fdf4;color:#16a34a;border-color:#16a34a59}.btn-ghost{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-ghost:hover{background:#f0fdf4;color:#16a34a;border-color:#16a34a33}.btn-sm{padding:.4rem .85rem;font-size:.8rem}.btn-lg{padding:.9rem 1.75rem;font-size:1rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.form-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.form-input,.form-select,.form-textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.65rem .9rem;color:var(--text-primary);font-size:.875rem;font-family:Inter,sans-serif;transition:var(--transition);outline:none;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #16a34a1f;background:var(--bg-card)}.form-input::placeholder{color:var(--text-muted);opacity:.75}.form-select option{background:#1e293b;color:#fff}[data-theme=light] .form-select option,[data-theme=minimal] .form-select option{background:#fff;color:#0f172a}.table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-color)}table{width:100%;border-collapse:collapse;font-size:.875rem}thead tr{background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}th{padding:.8rem 1rem;text-align:left;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);white-space:nowrap}td{padding:.8rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-secondary);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{transition:var(--transition)}tbody tr:hover{background:var(--bg-glass-hover)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:100px;font-size:.72rem;font-weight:600}.badge-success{background:#10b98126;color:var(--accent-success);border:1px solid rgba(16,185,129,.2)}.badge-warning{background:#f59e0b26;color:var(--accent-warning);border:1px solid rgba(245,158,11,.2)}.badge-danger{background:#ef444426;color:var(--accent-danger);border:1px solid rgba(239,68,68,.2)}.badge-info{background:#6366f126;color:var(--accent-primary);border:1px solid rgba(99,102,241,.2)}.badge-gray{background:#64748b26;color:var(--text-secondary);border:1px solid rgba(100,116,139,.2)}.badge-cyan{background:#06b6d426;color:var(--accent-cyan);border:1px solid rgba(6,182,212,.2)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease}.modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}.modal-lg{max-width:760px}.modal-xl{max-width:960px}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-title{font-family:Outfit,sans-serif;font-size:1.125rem;font-weight:700;color:var(--text-primary)}.modal-body{padding:1.5rem;flex:1;-webkit-overflow-scrolling:touch}.modal-footer{padding:1rem 1.5rem 1.5rem;display:flex;gap:.75rem;justify-content:flex-end}.progress-bar{width:100%;height:6px;background:#ffffff14;border-radius:100px;overflow:hidden}.progress-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-violet));transition:width .6s ease}.progress-fill.green{background:linear-gradient(90deg,var(--accent-success),var(--accent-cyan))}.progress-fill.amber{background:linear-gradient(90deg,var(--accent-warning),var(--accent-pink))}.show-only-on-mobile{display:none!important}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.w-full{width:100%}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.badge-premium{font-size:.62rem;font-weight:800;padding:2px 8px;border-radius:6px;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff!important;text-transform:uppercase;letter-spacing:.8px;box-shadow:0 2px 8px #16a34a4d;display:inline-flex;align-items:center;justify-content:center;line-height:1;height:fit-content}.badge-premium.admin{background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:0 2px 8px #d977064d}.badge-premium.trial{background:var(--bg-secondary);color:var(--text-muted)!important;border:1px solid var(--border-color);box-shadow:none;font-weight:600}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-success{color:var(--accent-success)!important}.text-warning{color:var(--accent-warning)!important}.text-danger{color:var(--accent-danger)!important}.text-accent{color:var(--accent-primary)!important}.text-cyan{color:var(--accent-cyan)!important}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.sidebar-user{margin-top:auto;padding:1rem;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:12px;background:#ffffff05}.user-avatar-wrap{position:relative;width:42px;height:42px}.user-avatar{width:100%;height:100%;border-radius:12px;object-fit:cover;border:1px solid rgba(255,255,255,.1)}.status-dot{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;background:#10b981;border:2px solid #020617}.status-dot.admin{background:#fbbf24}.user-info{flex:1;overflow:hidden}.saas-user-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;position:relative;transition:var(--transition)}.saas-user-card:hover{border-color:var(--border-accent);box-shadow:0 4px 20px #0000004d;background:#ffffff0d}.user-initials{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,#6366f133,#8b5cf633);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800;border:1px solid rgba(99,102,241,.3)}.status-indicator{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.status-indicator.active{background:#10b981;box-shadow:0 0 8px #10b981cc;animation:pulse-dot 2s infinite}.status-indicator.expired{background:#ef4444;box-shadow:0 0 8px #ef4444cc}@keyframes pulse-dot{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(.95);opacity:.8}}.btn-group{display:flex;background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color)}.btn-group button{background:transparent;border:none;border-right:1px solid var(--border-color);padding:6px 12px;font-size:.75rem;font-weight:600;color:var(--text-secondary);transition:all .2s;cursor:pointer;display:flex;align-items:center;gap:4px}.btn-group button:last-child{border-right:none}.btn-group button:hover{background:#f0fdf4;color:#16a34a}.btn-group button.danger:hover{background:#ef444414;color:var(--accent-danger)}.card-actions-corner{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem}.user-name{font-weight:700;font-size:.85rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.7rem;color:var(--text-muted);font-weight:600}.section-title{font-family:Outfit,sans-serif;font-size:1.375rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.section-title .icon-wrap{width:38px;height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f133,#8b5cf626)}.divider{height:1px;background:var(--border-color);margin:1.25rem 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-muted);text-align:center;gap:.75rem}.empty-state svg{opacity:.3}.money{font-family:Outfit,sans-serif;font-weight:700;color:var(--text-primary)}.money-lg{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;color:#16a34a;-webkit-text-fill-color:#16a34a}.spinner{width:24px;height:24px;border:3px solid rgba(22,163,74,.15);border-top-color:#16a34a;border-radius:50%;animation:spin 1s linear infinite}.spinner-sm{width:18px;height:18px;border:2px solid rgba(22,163,74,.15);border-top-color:#16a34a;border-radius:50%;animation:spin 1s linear infinite}.progress-bar{width:100%;height:8px;background:#f1f5f9;border-radius:100px;overflow:hidden;border:1px solid var(--border-color)}.progress-fill{height:100%;background:linear-gradient(90deg,#16a34a,#22c55e);border-radius:100px;transition:width .5s ease-out}.progress-fill.amber{background:linear-gradient(90deg,var(--accent-warning),#fbbf24)}.progress-fill.success{background:linear-gradient(90deg,#16a34a,#22c55e)}@media (max-width: 768px){html{font-size:15px}.sidebar{left:calc(-1 * var(--sidebar-w))}.sidebar.open{left:0;box-shadow:4px 0 20px #0000001a}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:95;animation:fadeIn .3s ease}.main-content{margin-left:0!important;width:100%}.mobile-menu-btn{display:flex!important;align-items:center;justify-content:center;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem}.topbar{padding:0 1rem;position:sticky;top:0;z-index:900}.topbar-date,.hide-on-mobile{display:none!important}.page-content{padding:.75rem}.show-only-on-mobile{display:flex!important}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.modal-content{width:95%;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;margin:1rem auto}.sidebar,.topbar,.card,.glass-panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.card:not(.custom-padding){padding:.85rem!important}.card{min-height:auto!important;overflow:visible!important}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)!important;gap:.65rem!important}.stat-card{padding:.85rem!important}.stat-value{font-size:1.25rem!important}.payment-card-inner{flex-direction:column!important;align-items:flex-start!important;gap:.8rem!important}.payment-card-inner>div{width:100%!important}.payment-card-inner div[style*="text-align: right"]{text-align:left!important;margin-left:0!important}.payment-card-inner .money{font-size:1.1rem!important}table{min-width:800px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);border:1px solid var(--border-color)}}.mobile-menu-btn{display:none}[data-theme=light]{--bg-base: #f1f5f9;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-card: rgba(255, 255, 255, .9);--bg-glass: rgba(255, 255, 255, .6);--bg-glass-hover: rgba(255, 255, 255, .8);--accent-primary: #4f46e5;--accent-violet: #7c3aed;--accent-cyan: #0891b2;--accent-success: #059669;--accent-warning: #d97706;--accent-danger: #dc2626;--accent-pink: #db2777;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--border-color: rgba(0, 0, 0, .08);--border-accent: rgba(79, 70, 229, .4);--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.05);--shadow-lg: 0 20px 40px rgba(0,0,0,.08);--shadow-glow: 0 0 20px rgba(79, 70, 229, .15)}[data-theme=fintech]{--bg-base: #020617;--bg-primary: transparent;--bg-secondary: rgba(255, 255, 255, .03);--bg-card: rgba(255, 255, 255, .01);--bg-glass: rgba(255, 255, 255, .03);--bg-glass-hover: rgba(255, 255, 255, .08);--accent-primary: #00f2ff;--accent-violet: #7000ff;--accent-cyan: #00d4ff;--accent-success: #00ff9d;--accent-warning: #ffcc00;--accent-danger: #ff3366;--accent-pink: #ff00ff;--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #71717a;--border-color: rgba(255, 255, 255, .08);--border-accent: rgba(0, 242, 255, .5);--shadow-sm: none;--shadow-md: 0 8px 32px 0 rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px 0 rgba(0, 0, 0, .8);--shadow-glow: 0 0 30px rgba(0, 242, 255, .3)}[data-theme=fintech] body{background:#020617!important}[data-theme=fintech] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(0,242,255,.15) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(112,0,255,.15) 0%,transparent 40%),#020617;z-index:-1;opacity:1}[data-theme=fintech] .card{background:#020617f2!important;backdrop-filter:blur(25px) saturate(180%)!important;-webkit-backdrop-filter:blur(25px) saturate(180%)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 8px 32px #0000005e!important;border-radius:20px!important}[data-theme=fintech] .sidebar{background:#02061766!important;-webkit-backdrop-filter:blur(30px)!important;backdrop-filter:blur(30px)!important;border-right:1px solid rgba(255,255,255,.05)!important}[data-theme=fintech] .sidebar-logo h1{background:linear-gradient(135deg,#fff,#00f2ff);-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}[data-theme=fintech] .nav-item.active{background:#00f2ff1a!important;border:1px solid rgba(0,242,255,.3)!important;color:#00f2ff!important}[data-theme=fintech] .btn-primary{background:#00f2ff1a!important;color:#00f2ff!important;border:1px solid rgba(0,242,255,.4)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;box-shadow:0 0 20px #00f2ff33!important;text-transform:uppercase;font-weight:800;letter-spacing:1px}[data-theme=fintech] .btn-primary:hover{background:#00f2ff33!important;box-shadow:0 0 30px #00f2ff66!important}[data-theme=fintech] .stat-card{background:#020617f2!important;border:1px solid rgba(255,255,255,.05)!important;border-radius:24px!important}[data-theme=fintech] .stat-value{color:#fff!important;text-shadow:0 0 15px rgba(0,242,255,.5);font-family:Outfit,sans-serif!important}[data-theme=fintech] .topbar{background:#02061733!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(255,255,255,.05)!important}[data-theme=minimal]{--bg-base: #f5f5f7;--bg-primary: #ffffff;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-glass: rgba(255, 255, 255, .8);--bg-glass-hover: rgba(0, 0, 0, .02);--accent-primary: #0071e3;--accent-violet: #af52de;--accent-cyan: #5ac8fa;--accent-success: #34c759;--accent-warning: #ff9500;--accent-danger: #ff3b30;--accent-pink: #ff2d55;--text-primary: #1d1d1f;--text-secondary: #424245;--text-muted: #86868b;--border-color: rgba(0, 0, 0, .1);--border-accent: rgba(0, 113, 227, .3);--shadow-sm: 0 1px 2px rgba(0,0,0,.02);--shadow-md: 0 4px 12px rgba(0,0,0,.04);--shadow-lg: 0 20px 40px rgba(0,0,0,.06);--shadow-glow: 0 0 20px rgba(0, 113, 227, .1)}[data-theme=minimal] body{background-color:#f5f5f7!important;color:#1d1d1f}[data-theme=minimal] body:before{display:none!important}[data-theme=minimal] .sidebar{background:#fffc!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-right:1px solid rgba(0,0,0,.08)!important}[data-theme=minimal] .sidebar:after{display:none}[data-theme=minimal] .sidebar-logo{background:transparent!important;border-bottom:1px solid rgba(0,0,0,.05)!important}[data-theme=minimal] .sidebar-logo h1{background:#1d1d1f;-webkit-background-clip:text;color:transparent}[data-theme=minimal] .nav-item{color:#424245}[data-theme=minimal] .nav-item:hover{background:#0000000a!important}[data-theme=minimal] .nav-item.active{background:#0071e3!important;color:#fff!important;box-shadow:0 4px 12px #0071e34d;border:none!important}[data-theme=minimal] .topbar{background:#fffc!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(0,0,0,.08)!important}[data-theme=minimal] .card,[data-theme=minimal] .stat-card{background:#fff!important;border:1px solid rgba(0,0,0,.05)!important;box-shadow:0 8px 24px #0000000a!important;border-radius:18px!important}[data-theme=minimal] .btn-primary{background:#0071e3!important;color:#fff!important;border-radius:20px!important;box-shadow:0 4px 12px #0071e333!important}[data-theme=minimal] .btn-primary:hover{background:#0077ed!important;box-shadow:0 6px 16px #0071e34d!important}[data-theme=minimal] .form-input,[data-theme=minimal] .form-select,[data-theme=minimal] .form-textarea{background:#f5f5f7!important;border:1px solid rgba(0,0,0,.08)!important;color:#1d1d1f!important}[data-theme=minimal] .form-input:focus{background:#fff!important;border-color:#0071e3!important;box-shadow:0 0 0 4px #0071e31a!important}@media (min-width: 769px){[data-theme=minimal] body:before{display:block!important;content:""!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:radial-gradient(circle at 15% 20%,rgba(0,113,227,.04) 0%,transparent 35%),radial-gradient(circle at 85% 75%,rgba(175,82,222,.04) 0%,transparent 35%),linear-gradient(rgba(0,113,227,.01) 1px,transparent 1px),linear-gradient(90deg,rgba(0,113,227,.01) 1px,transparent 1px)!important;background-size:100% 100%,100% 100%,30px 30px,30px 30px!important;z-index:-1!important;opacity:1!important;pointer-events:none!important;animation:backgroundPulse 12s ease-in-out infinite alternate}@keyframes backgroundPulse{0%{transform:scale(1)}to{transform:scale(1.05)}}[data-theme=minimal] .app-layout{background-color:#f5f5f7}[data-theme=minimal] .sidebar{background:#ffffffa6!important;backdrop-filter:blur(25px) saturate(180%)!important;-webkit-backdrop-filter:blur(25px) saturate(180%)!important;border:1px solid rgba(0,0,0,.06)!important;margin:16px!important;height:calc(100vh - 32px)!important;border-radius:20px!important;box-shadow:0 10px 30px #00000005!important;overflow:hidden!important}[data-theme=minimal] .main-content{margin-left:calc(var(--sidebar-w) + 32px)!important;padding-right:16px}[data-theme=minimal] .main-content.expanded{margin-left:112px!important}[data-theme=minimal] .topbar{background:#ffffffa6!important;backdrop-filter:blur(25px) saturate(180%)!important;-webkit-backdrop-filter:blur(25px) saturate(180%)!important;border:1px solid rgba(0,0,0,.06)!important;margin:16px 0 0!important;border-radius:16px!important;box-shadow:0 10px 30px #00000003!important;height:60px!important}[data-theme=minimal] .page-content{padding:1.5rem 0!important}[data-theme=minimal] .nav-item{margin:4px 12px!important;border-radius:12px!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important;position:relative;padding:.65rem 1rem!important}[data-theme=minimal] .nav-item.active{background:linear-gradient(135deg,#0071e3,#005bb5)!important;color:#fff!important;box-shadow:0 8px 20px #0071e340!important;transform:translate(4px);border:none!important}[data-theme=minimal] .nav-item:not(.active):hover{background:#0071e30f!important;color:#0071e3!important;transform:translate(2px)}[data-theme=minimal] .card,[data-theme=minimal] .stat-card{background:#ffffffb3!important;backdrop-filter:blur(20px) saturate(190%)!important;-webkit-backdrop-filter:blur(20px) saturate(190%)!important;border:1px solid rgba(255,255,255,.7)!important;box-shadow:0 10px 30px #00000005,0 1px 1px #00000003,inset 0 1px #fffc!important;border-radius:20px!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important;position:relative;overflow:hidden!important}[data-theme=minimal] .card:before,[data-theme=minimal] .stat-card:before{content:""!important;position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#0071e3,#af52de)!important;opacity:0;transition:opacity .35s ease;z-index:5}[data-theme=minimal] .card:hover:before,[data-theme=minimal] .stat-card:hover:before{opacity:1}[data-theme=minimal] .card:hover,[data-theme=minimal] .stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #0047e30f,0 1px 3px #00000003!important;border-color:#0071e326!important;background:#ffffffd9!important}[data-theme=minimal] .card:after,[data-theme=minimal] .stat-card:after{content:""!important;position:absolute;top:-50%;left:-60%;width:25%;height:200%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0)!important;transform:rotate(25deg);transition:all .8s ease;opacity:0;pointer-events:none;z-index:4}[data-theme=minimal] .card:hover:after,[data-theme=minimal] .stat-card:hover:after{left:140%;opacity:1}[data-theme=minimal] .stat-card{padding:1.5rem!important;min-height:140px;display:flex;flex-direction:column;justify-content:space-between}[data-theme=minimal] .stat-value{font-size:2.1rem!important;font-weight:800!important;letter-spacing:-1px;background:linear-gradient(135deg,#1d1d1f 30%,#0071e3)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;margin:.5rem 0 0!important}[data-theme=minimal] .stat-icon{margin-bottom:.5rem!important;transition:all .35s cubic-bezier(.16,1,.3,1)!important}[data-theme=minimal] .stat-card:hover .stat-icon{transform:scale(1.15) rotate(6deg);background-color:#0071e31f!important;color:#0071e3!important;box-shadow:0 8px 20px #0071e326!important}[data-theme=minimal] .form-input,[data-theme=minimal] .form-select,[data-theme=minimal] .form-textarea{background:#00000005!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:12px!important;transition:all .25s ease!important}[data-theme=minimal] .form-input:focus,[data-theme=minimal] .form-select:focus,[data-theme=minimal] .form-textarea:focus{background:#fff!important;border-color:#0071e3!important;box-shadow:0 0 0 4px #0071e314!important}[data-theme=minimal] .btn{border-radius:14px!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important}[data-theme=minimal] .btn-primary{background:#0071e3!important;box-shadow:0 4px 12px #0071e326!important}[data-theme=minimal] .btn-primary:hover{background:#0062c3!important;box-shadow:0 6px 18px #0071e340!important;transform:translateY(-2px)}[data-theme=minimal] .btn:active{transform:scale(.97) translateY(0)!important}[data-theme=minimal] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=minimal] ::-webkit-scrollbar-track{background:#00000003}[data-theme=minimal] ::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}[data-theme=minimal] ::-webkit-scrollbar-thumb:hover{background:#0047e333}}.retro-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem}.cat-chase-scene{position:relative;width:180px;height:40px;overflow:hidden;margin-bottom:.5rem}.retro-cat{position:absolute;top:6px;left:0;color:var(--text-primary);animation:chase-cat 2s infinite linear}.retro-bill{position:absolute;top:8px;left:0;color:var(--accent-success);animation:chase-bill 2s infinite linear}@keyframes chase-cat{0%{transform:translate(-60px)}to{transform:translate(200px)}}@keyframes chase-bill{0%{transform:translate(0)}to{transform:translate(260px)}}.retro-progress-wrap{width:200px;height:24px;border:4px solid var(--text-primary);background:var(--bg-secondary);border-radius:6px;overflow:hidden;position:relative}.retro-progress-bar{height:100%;background:var(--accent-success);width:0%;animation:retro-fill 1.5s infinite steps(12);box-shadow:inset 0 -4px #00000026}@keyframes retro-fill{0%{width:0%}to{width:100%}}.retro-text{font-family:Courier New,Courier,monospace;font-weight:900;font-size:1.2rem;letter-spacing:3px;color:var(--text-primary);animation:pulse 1s infinite}@media (max-width: 768px){body,html,#root,.app-layout,.main-content{max-width:100vw;overflow-x:hidden}.page-content{padding:1rem .5rem;width:100%}.card{padding:1.25rem 1rem;border-radius:var(--radius-md);width:100%;margin-bottom:1rem;overflow-x:auto}.table-wrap{width:100%;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:0;margin:0 -.5rem;padding:0 .5rem}th,td{padding:.6rem .5rem!important;font-size:.7rem!important}.money{font-size:.75rem!important}.flex.items-center.justify-between.mb-6{flex-direction:column;align-items:flex-start!important;gap:1rem}.flex.items-center.justify-between.mb-6>div{width:100%}.flex.items-center.justify-between.mb-6 button{width:100%}input[id=client-search],input[id=loan-search]{width:100%!important}.modal{width:95%!important;max-width:95vw!important;padding:0!important;margin:1rem auto}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}[data-theme=fintech] .stat-card{padding:1rem!important;border-radius:16px!important}[data-theme=fintech] .topbar{padding:0 .75rem!important}}.force-scroll-container{width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;display:block!important;-webkit-overflow-scrolling:touch!important;margin-bottom:1rem;border:1px solid var(--border-color);border-radius:var(--radius-md)}.force-scroll-container::-webkit-scrollbar{height:8px;display:block!important}.force-scroll-container::-webkit-scrollbar-thumb{background:var(--accent-primary)!important;border-radius:10px}.force-scroll-container::-webkit-scrollbar-track{background:#ffffff0d!important}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}.pulse{animation:pulse 2s infinite}@media (max-width: 640px){.hide-on-mobile{display:none!important}.show-on-mobile{display:block!important}.modal-footer-responsive{flex-direction:column!important;gap:.5rem!important}.modal-footer-responsive .btn{width:100%!important;justify-content:center!important}}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem}.table-wrap table{min-width:600px}@media (max-width: 768px){.quote-preview{padding:1rem!important;margin:0!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important}}@media (min-width: 1024px){html{font-size:14.5px}.card,.stat-card{padding:1.15rem}.page-content{padding:1.25rem 2rem}.grid-4,.grid-3,.grid-2{gap:1rem}td,th{padding:.65rem .85rem}.nav-item{padding:.5rem .75rem;margin-bottom:1px}.sidebar-logo{padding:1rem}.topbar{height:56px}.section-title{margin-bottom:1.25rem;font-size:1.25rem}.stat-value{font-size:1.6rem}}.fynix-header-filters{display:flex}.fynix-header-filters .stat-value{font-size:1.6rem}.retro-loader-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.cat-chase-scene{position:relative;width:100px;height:40px;display:flex;align-items:center}.retro-cat{color:var(--accent-primary)!important;animation:catRun 1s infinite linear;z-index:2}.retro-bill{color:var(--accent-success)!important;position:absolute;right:0;animation:billFloat 1.5s infinite ease-in-out;opacity:.8}.retro-progress-wrap{width:200px;height:8px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.retro-progress-bar{width:30%;height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-violet));animation:progressMove 2s infinite ease-in-out}.retro-text{font-family:Outfit,sans-serif;font-size:.8rem;font-weight:800;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase}@keyframes catRun{0%{transform:translate(0) translateY(0)}25%{transform:translate(5px) translateY(-2px)}50%{transform:translate(0) translateY(0)}75%{transform:translate(-5px) translateY(-2px)}to{transform:translate(0) translateY(0)}}@keyframes billFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(15deg)}}@keyframes progressMove{0%{transform:translate(-100%)}to{transform:translate(300%)}}select option{color:#0f172a!important;background-color:#fff!important}.whatsapp-qr-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-top:1rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.whatsapp-qr-image{width:220px;height:220px;object-fit:contain;background:#fff;padding:8px;border-radius:var(--radius-md);border:2px solid var(--accent-primary);box-shadow:0 4px 16px #0000001a;transition:var(--transition)}.whatsapp-qr-image:hover{transform:scale(1.02)}.status-indicator-ping{position:relative;display:inline-flex;width:8px;height:8px;border-radius:50%;margin-right:8px}.status-indicator-ping.connected{background-color:#10b981}.status-indicator-ping.connected:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background-color:#10b981;opacity:.75;animation:pingGlow 1.2s cubic-bezier(0,0,.2,1) infinite}.status-indicator-ping.connecting{background-color:#f59e0b}.status-indicator-ping.connecting:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background-color:#f59e0b;opacity:.75;animation:pingGlow 1.2s cubic-bezier(0,0,.2,1) infinite}@keyframes pingGlow{0%{transform:scale(1);opacity:1}to{transform:scale(3);opacity:0}}.spinner-whatsapp{width:32px;height:32px;border:3px solid rgba(22,163,74,.15);border-top-color:var(--accent-primary);border-radius:50%;animation:spinWhatsapp .8s linear infinite}@keyframes spinWhatsapp{to{transform:rotate(360deg)}}.fynix-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.fynix-header-left{display:flex;align-items:center;gap:.75rem;flex:1}.fynix-header-search{flex:1 1 200px;max-width:320px;position:relative}.fynix-header-search input{width:100%}.fynix-header-filters{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}@media (max-width: 768px){.fynix-header,.fynix-header-left{flex-direction:column;align-items:stretch}.fynix-header-search{max-width:100%;flex:none;width:100%}.fynix-header-filters{justify-content:center}}