@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--primary:#10b981;--primary-light:#34d399;--primary-dark:#059669;--primary-glow:#10b98140;--primary-bg:#10b98114;--accent:#8b5cf6;--accent-light:#a78bfa;--accent-glow:#8b5cf633;--accent-bg:#8b5cf614;--cyan:#06b6d4;--cyan-bg:#06b6d41a;--rose:#f43f5e;--rose-bg:#f43f5e1a;--rose-light:#fb7185;--amber:#f59e0b;--amber-bg:#f59e0b1a;--amber-light:#fbbf24;--blue:#3b82f6;--blue-bg:#3b82f61a;--success:#22c55e;--success-bg:#22c55e1f;--success-text:#4ade80;--warning:#f59e0b;--warning-bg:#f59e0b1f;--warning-text:#fbbf24;--error:#ef4444;--error-bg:#ef44441f;--error-text:#f87171;--info:#3b82f6;--info-bg:#3b82f61f;--info-text:#60a5fa;--bg-body:#030712;--bg-sidebar:#0a0f1e;--bg-main:#050b18;--bg-card:#0f172a99;--bg-card-solid:#0f172a;--bg-elevated:#1e293b;--bg-input:#ffffff0a;--bg-hover:#ffffff0f;--glass:#ffffff08;--glass-border:#ffffff0f;--glass-hover:#ffffff1a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-dim:#475569;--border:#ffffff0f;--border-hover:#ffffff1f;--font:"Inter", system-ui, -apple-system, sans-serif;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-glow-primary:0 0 40px #10b98126;--shadow-glow-accent:0 0 40px #8b5cf626;--sidebar-w:272px;--header-h:72px;--transition-fast:.15s ease;--transition:.25s ease;--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}[data-theme=royal]{--primary:#3b82f6;--primary-light:#60a5fa;--primary-dark:#2563eb;--primary-glow:#3b82f640;--primary-bg:#3b82f614;--accent:#14b8a6;--accent-light:#2dd4bf;--accent-glow:#14b8a633}[data-theme=violet]{--primary:#8b5cf6;--primary-light:#a78bfa;--primary-dark:#7c3aed;--primary-glow:#8b5cf640;--primary-bg:#8b5cf614;--accent:#ec4899;--accent-light:#f472b6;--accent-glow:#ec489933}[data-theme=amber]{--primary:#f59e0b;--primary-light:#fbbf24;--primary-dark:#d97706;--primary-glow:#f59e0b40;--primary-bg:#f59e0b14;--accent:#ef4444;--accent-light:#f87171;--accent-glow:#ef444433}[data-theme=cyan]{--primary:#06b6d4;--primary-light:#22d3ee;--primary-dark:#0891b2;--primary-glow:#06b6d440;--primary-bg:#06b6d414;--accent:#3b82f6;--accent-light:#60a5fa;--accent-glow:#3b82f633}[data-theme=slate]{--primary:#64748b;--primary-light:#94a3b8;--primary-dark:#475569;--primary-glow:#64748b40;--primary-bg:#64748b14;--accent:#e2e8f0;--accent-light:#f1f5f9;--accent-glow:#e2e8f033}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;height:100vh;line-height:1.6;overflow:hidden}#root{height:100vh}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,textarea,select{background:0 0;border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.erp-app{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--border);z-index:50;height:100vh;transition:width var(--transition-slow), transform var(--transition-slow);flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:hidden auto}.sidebar:after{content:"";background:linear-gradient(180deg, var(--primary) 0%, transparent 40%, var(--accent) 80%, transparent 100%);opacity:.4;width:1px;height:100%;position:absolute;top:0;right:0}.sidebar-inner{flex-direction:column;height:100%;padding:24px 16px;display:flex}.brand{align-items:center;gap:12px;margin-bottom:32px;padding:0 8px;display:flex}.brand-logo{background:linear-gradient(135deg, var(--primary), var(--cyan));border-radius:var(--radius-lg);color:#fff;width:44px;height:44px;box-shadow:0 4px 20px var(--primary-glow);justify-content:center;align-items:center;font-size:1.1rem;font-weight:900;display:flex;position:relative}.brand-logo:after{content:"";border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--primary), var(--cyan));z-index:-1;opacity:.3;filter:blur(8px);position:absolute;inset:-2px}.brand-name{letter-spacing:-.03em;font-size:1.15rem;font-weight:800}.brand-tag{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.6rem;font-weight:600}.nav-group{margin-bottom:24px}.nav-group-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px;padding:0 12px;font-size:.6rem;font-weight:700}.nav-list{flex-direction:column;gap:2px;display:flex}.nav-link{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition);cursor:pointer;align-items:center;gap:12px;padding:10px 12px;font-size:.85rem;font-weight:500;display:flex;position:relative}.nav-link:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-link.active{background:var(--primary-bg);color:var(--primary-light);font-weight:600}.nav-link.active:before{content:"";background:linear-gradient(180deg, var(--primary), var(--cyan));border-radius:0 4px 4px 0;width:3px;height:55%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-link svg{opacity:.6;flex-shrink:0;width:18px;height:18px}.nav-link.active svg{opacity:1}.nav-badge{border-radius:var(--radius-full);background:var(--primary);color:#fff;margin-left:auto;padding:2px 8px;font-size:.6rem;font-weight:700}.nav-badge.warn{background:var(--amber);color:#000}.sidebar-cta{border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:linear-gradient(135deg,#10b98114,#8b5cf614);margin-top:auto;padding:16px}.sidebar-cta h4{margin-bottom:4px;font-size:.8rem;font-weight:700}.sidebar-cta p{color:var(--text-muted);margin-bottom:12px;font-size:.7rem;line-height:1.5}.cta-btn{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:var(--radius-md);width:100%;transition:all var(--transition);box-shadow:0 2px 12px var(--primary-glow);padding:8px 16px;font-size:.8rem;font-weight:600}.cta-btn:hover{box-shadow:0 4px 20px var(--primary-glow);transform:translateY(-1px)}.sidebar-user{border-top:1px solid var(--border);cursor:pointer;align-items:center;gap:12px;margin-top:16px;padding:12px 8px;display:flex}.user-avatar{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent), var(--primary));color:#fff;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:700;display:flex}.user-meta h4{font-size:.82rem;font-weight:600}.user-meta span{color:var(--text-muted);font-size:.65rem}.main-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.top-bar{height:var(--header-h);background:var(--bg-sidebar);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 32px;display:flex}.tb-left h1{letter-spacing:-.03em;font-size:1.35rem;font-weight:800}.tb-left p{color:var(--text-muted);margin-top:2px;font-size:.75rem}.tb-right{align-items:center;gap:12px;display:flex}.search-bar{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);min-width:260px;transition:border-color var(--transition);align-items:center;gap:8px;padding:8px 16px;display:flex}.search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.search-bar svg{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.search-bar input{color:var(--text-primary);width:100%;font-size:.82rem}.search-bar input::placeholder{color:var(--text-dim)}.icon-btn{border-radius:var(--radius-md);background:var(--bg-input);border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition);justify-content:center;align-items:center;display:flex;position:relative}.icon-btn:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.icon-btn svg{width:18px;height:18px}.notif-dot{background:var(--rose);border:2px solid var(--bg-sidebar);border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:7px}.btn-primary-sm{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:var(--radius-md);transition:all var(--transition);box-shadow:0 2px 12px var(--primary-glow);align-items:center;gap:6px;padding:8px 18px;font-size:.82rem;font-weight:600;display:flex}.btn-primary-sm:hover{box-shadow:0 4px 24px var(--primary-glow);transform:translateY(-1px)}.btn-primary-sm svg{width:16px;height:16px}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:var(--radius-md);transition:all var(--transition);box-shadow:0 4px 16px var(--primary-glow);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;display:flex}.btn-primary:hover{box-shadow:0 6px 32px var(--primary-glow);transform:translateY(-2px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.mobile-menu-btn{display:none}.dash-scroll{background:linear-gradient(180deg, var(--bg-main) 0%, var(--bg-body) 100%);flex-direction:column;flex:1;gap:24px;padding:28px 32px;display:flex;overflow-y:auto}.welcome-banner{border:1px solid var(--glass-border);border-radius:var(--radius-xl);background:linear-gradient(135deg,#10b9811a 0%,#8b5cf614 50%,#06b6d40f 100%);justify-content:space-between;align-items:center;padding:28px 32px;display:flex;position:relative;overflow:hidden}.welcome-banner:before{content:"";background:radial-gradient(circle, var(--primary-glow) 0%, transparent 70%);filter:blur(40px);pointer-events:none;width:300px;height:300px;position:absolute;top:-50%;right:-10%}.wb-text h2{margin-bottom:6px;font-size:1.4rem;font-weight:800}.wb-text h2 span{background:linear-gradient(135deg, var(--primary-light), var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.wb-text p{color:var(--text-muted);font-size:.85rem}.wb-actions{z-index:1;gap:10px;display:flex}.wb-btn{border-radius:var(--radius-md);transition:all var(--transition);padding:10px 22px;font-size:.82rem;font-weight:600}.wb-btn.fill{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:0 2px 16px var(--primary-glow)}.wb-btn.fill:hover{box-shadow:0 6px 28px var(--primary-glow);transform:translateY(-2px)}.wb-btn.outline{border:1px solid var(--border-hover);color:var(--text-primary)}.wb-btn.outline:hover{background:var(--bg-hover)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);transition:all var(--transition-slow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--glass-hover);box-shadow:var(--shadow-md);transform:translateY(-4px)}.stat-card:after{content:"";height:2px;position:absolute;top:0;left:0;right:0}.stat-card.c1:after{background:linear-gradient(90deg, var(--primary), var(--cyan))}.stat-card.c2:after{background:linear-gradient(90deg, var(--accent), #ec4899)}.stat-card.c3:after{background:linear-gradient(90deg, var(--amber), #f97316)}.stat-card.c4:after{background:linear-gradient(90deg, var(--blue), var(--cyan))}.sc-top{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.sc-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:46px;height:46px;display:flex}.sc-icon svg{width:22px;height:22px}.c1 .sc-icon{background:var(--primary-bg);color:var(--primary-light)}.c2 .sc-icon{background:var(--accent-bg);color:var(--accent-light)}.c3 .sc-icon{background:var(--amber-bg);color:var(--amber-light)}.c4 .sc-icon{background:var(--blue-bg);color:var(--info-text)}.sc-badge{border-radius:var(--radius-full);align-items:center;gap:3px;padding:3px 10px;font-size:.68rem;font-weight:700;display:flex}.sc-badge.up{background:var(--success-bg);color:var(--success-text)}.sc-badge.down{background:var(--error-bg);color:var(--error-text)}.sc-badge svg{width:12px;height:12px}.sc-label{color:var(--text-muted);margin-bottom:6px;font-size:.78rem;font-weight:500}.sc-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:800}.sc-mini-chart{align-items:flex-end;gap:3px;height:40px;margin-top:12px;display:flex}.sc-bar{transition:height var(--transition-slow);border-radius:3px 3px 0 0;flex:1;min-height:4px}.c1 .sc-bar{background:var(--primary);opacity:.5}.c1 .sc-bar:last-child{opacity:1}.c2 .sc-bar{background:var(--accent);opacity:.5}.c2 .sc-bar:last-child{opacity:1}.c3 .sc-bar{background:var(--amber);opacity:.5}.c3 .sc-bar:last-child{opacity:1}.c4 .sc-bar{background:var(--blue);opacity:.5}.c4 .sc-bar:last-child{opacity:1}.charts-area{grid-template-columns:5fr 3fr;gap:20px;display:grid}.card-panel{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color var(--transition);padding:24px}.card-panel:hover{border-color:var(--glass-hover)}.panel-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.panel-head h3{font-size:.95rem;font-weight:700}.tab-group{background:var(--bg-input);border-radius:var(--radius-sm);gap:2px;padding:3px;display:flex}.tab-btn{color:var(--text-dim);border-radius:var(--radius-xs);transition:all var(--transition);padding:5px 14px;font-size:.72rem;font-weight:600}.tab-btn:hover{color:var(--text-secondary)}.tab-btn.active{background:var(--primary);color:#fff}.chart-box{width:100%;height:280px;position:relative}.chart-box canvas{width:100%!important;height:100%!important}.quick-stats{flex-direction:column;gap:16px;display:flex}.qs-item{border-radius:var(--radius-lg);background:var(--bg-input);border:1px solid var(--border);transition:all var(--transition);cursor:pointer;align-items:center;gap:14px;padding:16px;display:flex}.qs-item:hover{background:var(--bg-hover);border-color:var(--primary);transform:translate(4px)}.qs-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.qs-dot.d1{background:var(--primary);box-shadow:0 0 8px var(--primary-glow)}.qs-dot.d2{background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.qs-dot.d3{background:var(--amber);box-shadow:0 0 8px #f59e0b4d}.qs-dot.d4{background:var(--rose);box-shadow:0 0 8px #f43f5e4d}.qs-dot.d5{background:var(--cyan);box-shadow:0 0 8px #06b6d44d}.qs-info{flex:1}.qs-info h4{font-size:.82rem;font-weight:600}.qs-info p{color:var(--text-muted);font-size:.7rem}.qs-val{font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:800}.bottom-section{grid-template-columns:3fr 2fr;gap:20px;display:grid}.tbl-wrap{overflow-x:auto}.data-tbl{border-collapse:collapse;width:100%}.data-tbl th{text-align:left;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-size:.68rem;font-weight:700}.data-tbl td{color:var(--text-secondary);white-space:nowrap;border-bottom:1px solid #ffffff08;padding:14px 16px;font-size:.82rem}.data-tbl tbody tr{transition:background var(--transition-fast)}.data-tbl tbody tr:hover td{background:#ffffff05}.td-ref{font-weight:600;color:var(--text-primary)!important}.td-credit{font-variant-numeric:tabular-nums;font-weight:700;color:var(--success-text)!important}.td-debit{font-variant-numeric:tabular-nums;font-weight:700;color:var(--error-text)!important}.pill{border-radius:var(--radius-full);padding:3px 12px;font-size:.68rem;font-weight:700;display:inline-block}.pill.paid{background:var(--success-bg);color:var(--success-text)}.pill.pending{background:var(--warning-bg);color:var(--warning-text)}.pill.failed{background:var(--error-bg);color:var(--error-text)}.pill.processing{background:var(--info-bg);color:var(--info-text)}.view-link{color:var(--primary-light);cursor:pointer;transition:color var(--transition);font-size:.78rem;font-weight:600}.view-link:hover{color:var(--primary)}.activity-list{flex-direction:column;gap:16px;display:flex}.act-item{gap:12px;display:flex;position:relative}.act-item:not(:last-child):after{content:"";background:var(--border);width:1px;height:calc(100% + 6px);position:absolute;top:34px;left:15px}.act-dot{z-index:1;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:6px}.act-dot.green{background:var(--success);box-shadow:0 0 10px #22c55e80}.act-dot.blue{background:var(--info);box-shadow:0 0 10px #3b82f680}.act-dot.yellow{background:var(--warning);box-shadow:0 0 10px #f59e0b80}.act-dot.red{background:var(--error);box-shadow:0 0 10px #ef444480}.act-dot.purple{background:var(--accent);box-shadow:0 0 10px #8b5cf680}.act-body p{color:var(--text-secondary);font-size:.82rem;line-height:1.5}.act-body p strong{color:var(--text-primary)}.act-body .act-time{color:var(--text-dim);margin-top:2px;font-size:.68rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.welcome-banner,.stat-card{animation:.5s both fadeUp}.stat-card:first-child{animation-delay:50ms}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.2s}.card-panel{animation:.6s .25s both fadeUp}.sidebar-overlay{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:none;position:fixed;inset:0}.sidebar-overlay.visible{display:block}@media (width<=1280px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-area,.bottom-section{grid-template-columns:1fr}}@media (width<=768px){.sidebar{box-shadow:var(--shadow-lg);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-menu-btn{display:flex}.top-bar{padding:0 16px}.dash-scroll{padding:16px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.search-bar{min-width:160px}.wb-actions{flex-direction:column;gap:8px}.welcome-banner{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}.search-bar{display:none}.tb-left h1{font-size:1.1rem}.sc-value{font-size:1.4rem}}.page-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.page-title{letter-spacing:-.03em;font-size:1.35rem;font-weight:800}.page-subtitle{color:var(--text-muted);margin-top:4px;font-size:.78rem}.page-actions{flex-wrap:wrap;gap:10px;display:flex}.btn-outline-sm{border:1px solid var(--border-hover);color:var(--text-primary);border-radius:var(--radius-md);transition:all var(--transition);align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:600;display:flex}.btn-outline-sm:hover{background:var(--bg-hover);border-color:var(--primary)}.btn-outline-sm svg{width:15px;height:15px}.metric-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);transition:all var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:16px;padding:20px 24px;display:flex}.metric-card:hover{border-color:var(--glass-hover);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.mc-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.mc-icon svg{width:22px;height:22px}.mc-label{color:var(--text-muted);font-size:.75rem;font-weight:500}.mc-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:2px;font-size:1.3rem;font-weight:800}.action-btns{gap:6px;display:flex}.act-btn{border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border);width:30px;height:30px;color:var(--text-muted);transition:all var(--transition);justify-content:center;align-items:center;display:flex}.act-btn:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary-light)}.act-btn svg{width:14px;height:14px}.btn-xs-primary{background:var(--primary);color:#fff;border-radius:var(--radius-sm);transition:all var(--transition);padding:4px 12px;font-size:.7rem;font-weight:700}.btn-xs-primary:hover{background:var(--primary-dark)}.filter-tabs{flex-wrap:wrap;gap:4px;display:flex}.filter-tab{color:var(--text-dim);border-radius:var(--radius-md);border:1px solid var(--border);transition:all var(--transition);padding:6px 14px;font-size:.75rem;font-weight:600}.filter-tab:hover{border-color:var(--border-hover);color:var(--text-secondary)}.filter-tab.active{background:var(--primary-bg);border-color:var(--primary);color:var(--primary-light)}.ftab-count{opacity:.7;margin-left:4px;font-size:.65rem}.type-tag,.plan-tag{border-radius:var(--radius-full);padding:3px 10px;font-size:.68rem;font-weight:700;display:inline-block}.plan-tag.enterprise{background:var(--accent-bg);color:var(--accent-light)}.plan-tag.professional{background:var(--primary-bg);color:var(--primary-light)}.plan-tag.starter{background:var(--amber-bg);color:var(--amber-light)}.tree-arrow{transition:transform var(--transition);margin-right:8px;display:inline-flex}.tree-arrow svg{width:14px;height:14px}.tree-arrow.open{transform:rotate(90deg)}.tree-parent:hover td{background:#ffffff05}.tree-child td{background:#10b98105}.tree-child:hover td{background:#10b9810d!important}.progress-bar-container{margin-top:8px}.progress-bar-bg{background:var(--bg-input);border-radius:var(--radius-full);width:100%;height:10px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--primary), var(--cyan));border-radius:var(--radius-full);height:100%;transition:width 1s}.progress-labels{color:var(--text-muted);justify-content:space-between;margin-top:8px;font-size:.72rem;font-weight:600;display:flex}.mini-progress{background:var(--bg-input);border-radius:var(--radius-full);vertical-align:middle;width:80px;height:6px;margin-right:8px;display:inline-block;overflow:hidden}.mini-bar{border-radius:var(--radius-full);height:100%;transition:width .8s}.compliance-list{flex-direction:column;gap:14px;display:flex}.comp-item{border-radius:var(--radius-lg);background:var(--bg-input);border:1px solid var(--border);align-items:center;gap:12px;padding:14px 16px;display:flex}.comp-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.comp-dot.green{background:var(--success);box-shadow:0 0 8px #22c55e66}.comp-dot.yellow{background:var(--warning);box-shadow:0 0 8px #f59e0b66}.comp-info{flex:1}.comp-info h4{font-size:.82rem;font-weight:600}.comp-info p{color:var(--text-muted);font-size:.7rem}.vat-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.vat-item{border-radius:var(--radius-lg);background:var(--bg-input);border:1px solid var(--border);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.vat-label{color:var(--text-muted);font-size:.72rem;font-weight:500}.vat-val{font-variant-numeric:tabular-nums;font-size:1rem;font-weight:800}.perm-check{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:28px;height:28px;display:flex}.perm-check svg{width:14px;height:14px}.perm-check.on{background:var(--success-bg);color:var(--success-text)}.perm-check.off{background:var(--error-bg);color:var(--error-text);opacity:.5}.settings-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.setting-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);transition:all var(--transition);cursor:pointer;padding:24px}.setting-card:hover{border-color:var(--glass-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}.sc-icon-wrap{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:14px;display:flex}.sc-icon-wrap svg{width:22px;height:22px}.setting-card h4{margin-bottom:6px;font-size:.9rem;font-weight:700}.setting-card p{color:var(--text-muted);margin-bottom:14px;font-size:.75rem;line-height:1.5}.setting-link{color:var(--primary-light);transition:gap var(--transition);align-items:center;gap:4px;font-size:.78rem;font-weight:600;display:flex}.setting-link:hover{gap:8px}.setting-link svg{width:14px;height:14px}.login-container{background:#0f172a;width:100vw;height:100vh;display:flex}.login-left{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);border-right:1px solid #ffffff0d;flex-direction:column;flex:1;justify-content:center;padding:60px;display:flex;position:relative;overflow:hidden}.login-brand-splash{z-index:10;position:relative}.splash-logo{color:#fff;background:linear-gradient(135deg,#3b82f6,#14b8a6);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;font-size:2rem;font-weight:800;display:flex;box-shadow:0 0 40px #3b82f666}.login-brand-splash h1{letter-spacing:-.03em;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:3.5rem;font-weight:800}.splash-subtitle{color:#94a3b8;max-width:400px;font-size:1.2rem;line-height:1.5}.splash-art{pointer-events:none;position:absolute;inset:0;overflow:hidden}.art-circle{filter:blur(80px);opacity:.5;border-radius:50%;position:absolute}.art-1{background:#3b82f6;width:400px;height:400px;top:-100px;right:-100px}.art-2{background:#8b5cf6;width:500px;height:500px;bottom:-200px;left:-100px}.login-right{background:#0b1121;flex-direction:column;justify-content:center;align-items:center;width:600px;padding:40px;display:flex}.login-form-wrapper{width:100%;max-width:480px}.login-header{text-align:center;margin-bottom:40px}.login-header h2{color:#f1f5f9;margin-bottom:8px;font-size:2rem}.login-header p{color:#64748b;font-size:.95rem}.login-form{width:100%;margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{color:#94a3b8;margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.input-wrap{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.input-wrap:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.input-icon{color:#64748b;align-items:center;padding:0 16px;display:flex}.input-icon svg{width:18px;height:18px}.input-wrap input{color:#f1f5f9;background:0 0;border:none;outline:none;flex:1;padding:14px 16px 14px 0;font-size:1rem}.input-wrap input::placeholder{color:#475569}.error-banner{color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:.9rem}.quick-login-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:40px;display:grid}.quick-role-btn{text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.quick-role-btn:hover{background:#ffffff14;transform:translateY(-2px)}.qr-avatar{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:700;display:flex}.qr-info h4{color:#f1f5f9;margin-bottom:2px;font-size:.9rem;font-weight:700}.qr-info p{color:#64748b;font-size:.75rem}.login-footer{text-align:center;color:#475569;border-top:1px solid #ffffff0d;padding-top:20px;font-size:.8rem}.theme-emerald:hover{border-color:#10b981;box-shadow:0 4px 20px #10b9811a}.theme-emerald .qr-avatar{background:linear-gradient(135deg,#10b981,#06b6d4)}.theme-royal:hover{border-color:#3b82f6;box-shadow:0 4px 20px #3b82f61a}.theme-royal .qr-avatar{background:linear-gradient(135deg,#3b82f6,#14b8a6)}.theme-violet:hover{border-color:#8b5cf6;box-shadow:0 4px 20px #8b5cf61a}.theme-violet .qr-avatar{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.theme-amber:hover{border-color:#f59e0b;box-shadow:0 4px 20px #f59e0b1a}.theme-amber .qr-avatar{background:linear-gradient(135deg,#f59e0b,#ef4444)}.theme-cyan:hover{border-color:#06b6d4;box-shadow:0 4px 20px #06b6d41a}.theme-cyan .qr-avatar{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.theme-slate:hover{border-color:#64748b;box-shadow:0 4px 20px #64748b1a}.theme-slate .qr-avatar{background:linear-gradient(135deg,#64748b,#94a3b8)}.theme-rose:hover{border-color:#f43f5e;box-shadow:0 4px 20px #f43f5e1a}.theme-rose .qr-avatar{background:linear-gradient(135deg,#f43f5e,#f97316)}.theme-blue:hover{border-color:#0ea5e9;box-shadow:0 4px 20px #0ea5e91a}.theme-blue .qr-avatar{background:linear-gradient(135deg,#0ea5e9,#3b82f6)}.kanban-board{gap:24px;padding-bottom:24px;display:flex;overflow-x:auto}.kanban-column{border-radius:var(--radius-lg);border:1px dashed var(--border);background:#0f172a66;flex-direction:column;flex:0 0 320px;gap:16px;padding:16px;display:flex}.kanban-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.kanban-header h3{color:var(--text-primary);font-size:1rem;font-weight:700}.kanban-count{background:var(--bg-hover);color:var(--text-secondary);border-radius:var(--radius-full);padding:2px 8px;font-size:.75rem;font-weight:700}.kanban-list{flex-direction:column;gap:12px;min-height:200px;display:flex}.kanban-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:grab;transition:all var(--transition);box-shadow:var(--shadow-sm);padding:16px}.kanban-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.kc-top{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.kc-top h4{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:700}.kc-contact{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:12px;font-size:.8rem;display:flex}.kc-contact svg{width:14px;height:14px}.kc-bottom{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.kc-value{color:var(--success-text);font-size:.95rem;font-weight:700}.kc-source{color:var(--text-muted);background:var(--bg-input);border-radius:var(--radius-sm);padding:2px 8px;font-size:.75rem}.kc-footer{justify-content:space-between;align-items:center;display:flex}.kc-date{color:var(--text-muted);font-size:.75rem}.kc-actions{gap:8px;display:flex}.btn-action-icon{background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;width:28px;height:28px;transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-action-icon svg{width:14px;height:14px}.btn-action-icon:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-action-icon.whatsapp:hover{background:#25d366;border-color:#25d366}@media (width<=1280px){.settings-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.settings-grid{grid-template-columns:1fr}.page-title-row{flex-direction:column;align-items:flex-start}}