:root{--bg-base:#f8fafc;--bg-sidebar:#fff;--bg-card:#fff;--bg-card-hover:#fafafa;--bg-input:#f1f5f9;--border-color:#0f172a0f;--border-hover:#0f172a1f;--primary:#f97316;--primary-hover:#ea580c;--primary-glow:#f973161f;--primary-gradient:linear-gradient(135deg, #f97316, #fb923c);--profit-gradient:linear-gradient(135deg, #f97316, #ea580c);--success:#10b981;--success-glow:#10b98114;--success-bg:#dcfce7;--warning:#f59e0b;--warning-glow:#f59e0b14;--danger:#ef4444;--danger-glow:#ef444414;--danger-bg:#fee2e2;--chart-cat1:#3b82f6;--chart-cat2:#0ea5e9;--chart-cat3:#f97316;--chart-cat4:#f59e0b;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--font-family-ui:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-title:"Outfit", sans-serif;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 20px -2px #0000000d, 0 2px 8px -1px #00000008;--shadow-lg:0 10px 30px -5px #0000000f, 0 8px 15px -6px #0000000a;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-ui);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-title);letter-spacing:-.01em;font-weight:600}.app-container{grid-template-columns:260px 1fr;width:100vw;height:100vh;display:grid;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0f172a14;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0f172a29}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:10;box-shadow:var(--shadow-sm);flex-direction:column;padding:1.5rem;display:flex}.sidebar-header{justify-content:center;align-items:center;width:100%;margin-bottom:2.5rem;display:flex}.sidebar-logo-img{object-fit:contain;max-width:100%;height:auto;max-height:60px;transition:var(--transition-fast);border-radius:8px}.sidebar-logo-img:hover{transform:scale(1.02)}.sidebar-nav{flex-direction:column;flex:1;gap:.35rem;display:flex}.nav-item{color:var(--text-secondary);font-family:var(--font-family-ui);text-align:left;cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:10px;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.95rem;font-weight:500;display:flex}.nav-item:hover{color:var(--text-primary);background-color:#0f172a08;transform:translate(2px)}.nav-item.active{background-color:var(--primary-glow);color:var(--primary);border-left:3px solid var(--primary);border-radius:4px 10px 10px 4px}.nav-icon{font-size:1.15rem}.sidebar-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:1rem;margin-top:auto;padding-top:1.5rem;display:flex}.connection-status{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.status-indicator{border-radius:50%;width:8px;height:8px}.status-indicator.online{background-color:var(--success);box-shadow:0 0 6px var(--success)}.main-content{flex-direction:column;width:100%;min-width:0;max-width:100%;height:100vh;display:flex;overflow:hidden}.content-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:5;background-color:#ffffffd9;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.header-title h1{color:var(--text-primary);font-size:1.5rem;font-weight:700}.header-title p{color:var(--text-secondary);font-size:.85rem}.header-actions{align-items:center;gap:1.25rem;display:flex}.currency-badge{background-color:var(--bg-input);border:1px solid var(--border-color);color:var(--primary);border-radius:20px;padding:.4rem .75rem;font-size:.85rem;font-weight:600}.icon-btn{cursor:pointer;color:var(--text-secondary);transition:var(--transition-fast);background:0 0;border:none;font-size:1.25rem;position:relative}.icon-btn:hover{color:var(--text-primary);transform:scale(1.05)}.icon-btn .badge{background-color:var(--danger);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.profile-chip{border:1px solid var(--border-color);background-color:#0f172a05;border-radius:30px;align-items:center;gap:.5rem;padding:.25rem .75rem .25rem .25rem;font-size:.85rem;font-weight:500;display:flex}.profile-chip .avatar{background-color:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.content-body{flex:1;padding:1.5rem;overflow-y:auto}.content-view{animation:.2s fadeIn;display:none}.content-view.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dashboard-top-row{grid-template-columns:1fr 2fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}@media (width<=1024px){.dashboard-top-row{grid-template-columns:1fr}}.kpi-gradient-card{background:var(--profit-gradient);color:#fff;border-radius:24px;flex-direction:column;justify-content:space-between;min-height:180px;padding:1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #f9731640,0 8px 10px -6px #f9731626}.card-inner{z-index:2}.card-title{opacity:.9;margin-bottom:.5rem;font-size:.95rem;font-weight:500;display:block}.card-value{font-family:var(--font-family-title);letter-spacing:-.02em;margin-bottom:.75rem;font-size:2rem;font-weight:800}.card-trend-badge{background-color:#ffffff26;border-radius:20px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.gradient-card-chart-container{z-index:1;pointer-events:none;width:100%;height:90px;position:absolute;bottom:0;left:0}.kpi-subcards-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.kpi-subcard{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition-normal);border-radius:20px;flex-direction:column;justify-content:space-between;padding:1.25rem;display:flex}.kpi-subcard:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover);transform:translateY(-2px)}.kpi-subcard-header{align-items:center;gap:.5rem;width:100%;margin-bottom:.75rem;display:flex}.subcard-icon-wrapper{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s;display:flex}.subcard-icon-wrapper:hover{transform:scale(1.08)}.subcard-icon-wrapper.orange{color:var(--primary);background:linear-gradient(135deg,#f973161f,#fb923c14);box-shadow:0 2px 8px #f9731626}.subcard-icon-wrapper svg{stroke-width:1.75px;width:22px;height:22px}.subcard-title{color:var(--text-secondary);flex:1;font-size:.85rem;font-weight:600}.subcard-trend{color:var(--success);background-color:var(--success-bg);border-radius:6px;padding:.1rem .4rem;font-size:.75rem;font-weight:700}.subcard-trend.down{color:var(--danger);background-color:var(--danger-bg)}.subcard-value{font-size:1.4rem;font-family:var(--font-family-title);color:var(--text-primary);margin-bottom:.25rem;font-weight:700}.subcard-date{color:var(--text-muted);font-size:.7rem}.dashboard-middle-row{grid-template-columns:1.8fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}@media (width<=1024px){.dashboard-middle-row{grid-template-columns:1fr}}.dashboard-panel{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:24px;flex-direction:column;min-width:0;padding:1.5rem;display:flex}.panel-header-row{border-bottom:1px solid #00000005;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.5rem;display:flex}.panel-header-text h3{color:var(--text-primary);font-size:1.15rem;font-weight:700}.panel-subtitle{color:var(--text-secondary);font-size:.8rem}.info-tooltip{cursor:help;color:var(--text-muted);font-size:.95rem}.bar-chart-container{justify-content:space-around;align-items:flex-end;height:180px;margin-top:1rem;padding-bottom:1.5rem;display:flex;position:relative}.bar-column{box-sizing:border-box;flex-direction:column;justify-content:flex-end;align-items:center;width:42px;height:100%;padding-bottom:24px;display:flex;position:relative}.bar-stack{background-color:var(--bg-base);border-radius:12px;flex-direction:column-reverse;width:22px;height:100%;transition:height .5s;display:flex;overflow:hidden}.bar-segment{width:100%;transition:height .3s}.bar-segment.signature{background-color:var(--chart-cat1)}.bar-segment.elite{background-color:var(--chart-cat2)}.bar-segment.deciduous{background-color:var(--chart-cat3)}.bar-segment.standard{background-color:var(--chart-cat4)}.bar-label{text-align:center;color:var(--text-secondary);font-size:.75rem;font-weight:500;position:absolute;bottom:0;left:0;right:0}.bar-chart-legend{flex-wrap:wrap;justify-content:center;gap:1.25rem;margin-top:1rem;display:flex}.legend-chip{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.8rem;font-weight:500;display:flex}.legend-chip:before{content:"";border-radius:3px;width:10px;height:10px;display:inline-block}.legend-chip.signature:before{background-color:var(--chart-cat1)}.legend-chip.elite:before{background-color:var(--chart-cat2)}.legend-chip.deciduous:before{background-color:var(--chart-cat3)}.legend-chip.standard:before{background-color:var(--chart-cat4)}.target-body{flex-direction:column;gap:1.25rem;display:flex}.target-value-container{background-color:var(--bg-base);text-align:center;border-radius:16px;padding:1.25rem}.target-label{color:var(--text-secondary);margin-bottom:.25rem;font-size:.8rem;font-weight:600;display:block}.target-amount{font-family:var(--font-family-title);color:var(--text-primary);font-size:1.5rem;font-weight:800}.target-progress-wrapper{flex-direction:column;gap:.4rem;display:flex}.target-progress-header{justify-content:space-between;font-size:.8rem;font-weight:700;display:flex}.progress-percentage{color:var(--primary)}.progress-current{color:var(--text-secondary)}.progress-bar-track{background-color:var(--bg-input);border-radius:10px;height:14px;overflow:hidden}.progress-bar-fill{background:var(--primary-gradient);border-radius:10px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.target-description{color:var(--text-secondary);text-align:center;font-size:.8rem;line-height:1.4}.btn-target-action{background:var(--primary-gradient);color:#fff;border-radius:12px;padding:.85rem;box-shadow:0 4px 12px #f9731633}.dashboard-bottom-row{grid-template-columns:1.8fr 1fr;gap:1.5rem;display:grid}@media (width<=1024px){.dashboard-bottom-row{grid-template-columns:1fr}}.bestseller-tabs{border-bottom:1px solid var(--border-color);gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex;overflow-x:auto}.tab-btn{color:var(--text-secondary);font-family:var(--font-family-ui);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:.35rem .75rem;font-size:.85rem;font-weight:600}.tab-btn:hover{background-color:var(--bg-input);color:var(--text-primary)}.tab-btn.active{background-color:var(--primary-glow);color:var(--primary)}.bestseller-list{flex-direction:column;gap:.75rem;display:flex}.bestseller-item{background-color:var(--bg-base);border:1px solid var(--border-color);transition:var(--transition-fast);border-radius:12px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.bestseller-item:hover{border-color:var(--border-hover);transform:translate(2px)}.bestseller-product-info{flex:1;align-items:center;gap:.75rem;display:flex}.bestseller-avatar{border:1px solid var(--border-color);background-color:#fff;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.15rem;display:flex}.bestseller-meta h4{color:var(--text-primary);font-size:.9rem;font-weight:700}.bestseller-meta span{color:var(--text-secondary);font-size:.75rem}.bestseller-financials{text-align:right}.bestseller-price{color:var(--text-secondary);font-size:.85rem;font-weight:600}.bestseller-sold-badge{color:var(--primary);background-color:var(--primary-glow);border-radius:6px;margin-top:.15rem;padding:.1rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.sparkline-body{flex-direction:column;flex:1;justify-content:space-between;align-items:stretch;min-height:280px;display:flex}.sales-stats-summary{flex-direction:column;flex:1;gap:1rem;width:100%;display:flex}.summary-metric{background-color:var(--bg-base);border:1px solid var(--border-color);transition:var(--transition-normal);text-align:left;border-radius:16px;flex-direction:column;flex:1;justify-content:center;padding:1.25rem 1.5rem;display:flex}.summary-metric:hover{border-color:var(--primary);background-color:var(--bg-card-hover);box-shadow:var(--shadow-sm);transform:translate(3px)}.summary-metric .metric-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;font-size:.8rem;font-weight:600;display:block}.summary-metric .metric-value{font-size:1.5rem;font-weight:800;font-family:var(--font-family-title);color:var(--text-primary);margin-top:0;display:block}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.search-box{flex:1;min-width:250px;max-width:400px;position:relative}.search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:1.1rem;transform:translateY(-50%)}.search-box input{background-color:var(--bg-card);border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-family-ui);transition:var(--transition-fast);box-shadow:var(--shadow-sm);border-radius:12px;padding:.75rem 1rem;font-size:.9rem}.search-box input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.filter-group{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}select{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-family-ui);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-sm);border-radius:12px;outline:none;padding:.75rem 1rem;font-size:.9rem}select:focus{border-color:var(--primary)}.btn{font-family:var(--font-family-ui);cursor:pointer;transition:var(--transition-fast);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 10px #f9731626}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 6px 15px #f9731640}.btn-secondary{background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--bg-card-hover);border-color:var(--border-hover)}.btn-outline{color:var(--text-secondary);border:1px solid var(--border-color);background-color:#0000}.btn-outline:hover{color:var(--text-primary);border-color:var(--border-hover);background-color:var(--bg-input)}.btn-danger-outline{color:var(--danger);background-color:#0000;border:1px solid #ef444433}.btn-danger-outline:hover{border-color:var(--danger);background-color:#ef44440a}.btn-block{width:100%}.btn-sm-action{border-radius:8px;padding:.35rem .6rem;font-size:.75rem;font-weight:600}.table-container{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:20px;margin-bottom:2rem;overflow:hidden}.table-container.mini{border-radius:12px;margin-bottom:0}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.data-table th,.data-table td{border-bottom:1px solid var(--border-color);padding:1rem 1.25rem}.data-table th{color:var(--text-secondary);font-family:var(--font-family-title);text-transform:uppercase;letter-spacing:.03em;background-color:#0f172a05;font-size:.85rem;font-weight:700}.data-table tbody tr{transition:var(--transition-fast)}.data-table tbody tr:hover{background-color:#0f172a03}.data-table tbody tr:last-child td{border-bottom:none}.product-cell{align-items:center;gap:.85rem;display:flex}.product-avatar{background-color:#f973160d;border:1px solid #f973161f;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.25rem;display:flex}.product-meta h4{color:var(--text-primary);font-size:.95rem;font-weight:700}.product-meta span{color:var(--text-secondary);font-size:.75rem}.badge-pill{border-radius:12px;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-pill.instock{background-color:var(--success-bg);color:var(--success);border:1px solid #10b98126}.badge-pill.lowstock{background-color:var(--warning-glow);color:var(--warning);border:1px solid #f59e0b26}.badge-pill.outofstock{background-color:var(--danger-bg);color:var(--danger);border:1px solid #ef444426}.badge-pill:before{content:"●";font-size:.6rem}.table-actions{justify-content:flex-end;gap:.35rem;display:flex}.crm-split-layout{grid-template-columns:1fr 1fr;gap:2rem;height:calc(100vh - 180px);display:grid}@media (width<=900px){.crm-split-layout{grid-template-columns:1fr;height:auto}}.crm-list-panel{flex-direction:column;display:flex}.customer-list-container{flex-direction:column;flex:1;gap:.75rem;padding-right:.25rem;display:flex;overflow-y:auto}.customer-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-sm);border-radius:16px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.customer-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translate(2px)}.customer-card.selected{border-color:var(--primary);background-color:var(--primary-glow)}.customer-info{align-items:center;gap:.85rem;display:flex}.customer-list-avatar{background-color:var(--primary-glow);width:40px;height:40px;color:var(--primary);border:1px solid #f9731626;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.customer-meta h4{font-size:.95rem;font-weight:700}.customer-meta span{color:var(--text-secondary);font-size:.75rem}.customer-financials{text-align:right}.customer-financials .ltv-amount{color:var(--success);font-size:.9rem;font-weight:700}.customer-financials .order-count{color:var(--text-muted);font-size:.75rem}.crm-details-panel{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:24px;padding:2rem;overflow-y:auto}.customer-details-placeholder{height:100%;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.customer-details-placeholder .placeholder-icon{background-color:var(--bg-base);border:1px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:3rem;display:flex}.customer-profile-header{border-bottom:1px solid var(--border-color);align-items:center;gap:1.25rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.customer-avatar{background:var(--primary-gradient);color:#fff;width:60px;height:60px;font-family:var(--font-family-title);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.customer-main-info h2{font-size:1.5rem;font-weight:700}.customer-stats-row{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;display:grid}.cust-stat{background-color:var(--bg-base);border:1px solid var(--border-color);border-radius:12px;padding:1rem}.cust-stat .label{color:var(--text-secondary);text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem;display:block}.cust-stat h4{font-size:1.1rem;font-weight:750}.customer-contact-info{margin-bottom:1rem}.customer-contact-info h3{color:var(--primary);margin-bottom:.85rem;font-size:1rem}.customer-contact-info ul{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.customer-contact-info li{border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;padding-bottom:.45rem;font-size:.9rem;display:flex}.customer-contact-info strong{color:var(--text-secondary)}.btn-inline-edit{color:var(--text-muted,#888);cursor:pointer;opacity:.5;background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:0;padding:.1rem .35rem;font-size:.75rem;transition:opacity .2s,border-color .2s,color .2s}.btn-inline-edit:hover{opacity:1;border-color:var(--accent,#a78bfa);color:var(--accent,#a78bfa)}.customer-orders-history h3{color:var(--primary);margin-bottom:.85rem;font-size:1rem}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99;background-color:#0f172a66;width:100vw;height:100vh;animation:.25s fadeInBackdrop;display:none;position:fixed;top:0;left:0}.modal-dialog{background-color:var(--bg-sidebar);border:1px solid var(--border-color);z-index:100;width:90%;max-width:550px;transition:transform var(--transition-normal);border-radius:24px;animation:.25s cubic-bezier(.34,1.56,.64,1) scaleInModal;display:none;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(.95);box-shadow:0 20px 50px #0f172a26}.modal-backdrop.active,.modal-dialog.active{display:block}.modal-dialog.active{transform:translate(-50%,-50%)scale(1)}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}@keyframes scaleInModal{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h2{font-size:1.3rem;font-weight:700}.close-btn{color:var(--text-secondary);cursor:pointer;width:32px;height:32px;transition:var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.close-btn:hover{background-color:var(--bg-input);color:var(--text-primary)}.modal-body{max-height:70vh;padding:1.5rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.quick-action-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.action-card{background-color:var(--bg-base);border:1px solid var(--border-color);text-align:center;cursor:pointer;transition:var(--transition-fast);border-radius:16px;flex-direction:column;align-items:center;padding:1.5rem;display:flex}.action-card:hover{background-color:var(--bg-input);border-color:var(--border-hover);transform:translateY(-2px)}.action-card-icon{border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:.85rem;font-size:2rem;display:flex}.action-card-icon.red{background-color:var(--danger-bg)}.action-card-icon.green{background-color:var(--success-bg)}.action-card-icon.blue{background-color:#3b82f614}.action-card-icon.purple{background-color:#8b5cf614}.action-card-title{font-family:var(--font-family-title);color:var(--text-primary);margin-bottom:.25rem;font-size:1rem;font-weight:700}.action-card-desc{color:var(--text-secondary);font-size:.75rem}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-row{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width<=500px){.form-row{grid-template-columns:1fr}}label{color:var(--text-secondary);font-size:.85rem;font-weight:600}input[type=text],input[type=number],input[type=tel],input[type=email],select.large-select{background-color:var(--bg-base);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-family-ui);width:100%;transition:var(--transition-fast);border-radius:12px;padding:.75rem 1rem;font-size:.9rem}input:focus,select.large-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.input-helper{color:var(--text-muted);font-size:.75rem}.role-selector-wrapper{margin-right:.5rem}#user-role-select{border:1px solid var(--border-color);background-color:var(--bg-sidebar);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);transition:var(--transition-fast);border-radius:20px;outline:none;padding:.5rem 1rem;font-size:.85rem;font-weight:600}#user-role-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.cashflow-kpi-row{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:1.5rem;display:grid}@media (width<=768px){.cashflow-kpi-row{grid-template-columns:1fr}}.cf-kpi-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition-normal);border-radius:20px;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;display:flex}.cf-kpi-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover);transform:translateY(-2px)}.cf-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.subcard-icon-wrapper.purple{color:#8b5cf6;background:linear-gradient(135deg,#8b5cf61f,#a78bfa14);box-shadow:0 2px 8px #8b5cf626}.subcard-icon-wrapper.blue{color:#3b82f6;background:linear-gradient(135deg,#3b82f61f,#60a5fa14);box-shadow:0 2px 8px #3b82f626}.subcard-icon-wrapper.positive{color:var(--success);background:linear-gradient(135deg,#10b9811f,#34d39914);box-shadow:0 2px 8px #10b98126}.subcard-icon-wrapper.negative{color:var(--danger);background:linear-gradient(135deg,#ef44441f,#f8717114);box-shadow:0 2px 8px #ef444426}.cf-info{flex-direction:column;display:flex}.cf-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.25rem;font-size:.75rem;font-weight:600}.cf-value{font-size:1.35rem;font-weight:800;font-family:var(--font-family-title);color:var(--text-primary)}.cf-subtext{margin-top:.15rem;font-size:.72rem;font-weight:600}.cashflow-split-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:1.5rem;margin-bottom:1.5rem;display:grid}@media (width<=1024px){.cashflow-split-grid{grid-template-columns:1fr}}.cf-form-panel{padding:1.5rem}.cashflow-right-column{flex-direction:column;gap:1.5rem;display:flex}.cf-chart-panel{padding:1.25rem 1.5rem}.cf-chart-wrapper{height:120px;position:relative}#cf-cumulative-chart line{stroke:#0000000a}#cf-cumulative-path{stroke:var(--primary);filter:drop-shadow(0 3px 5px #f9731626)}.cf-table-panel{padding:1.25rem 1.5rem}.target-modal-dashboard{flex-direction:column;gap:1.5rem;display:flex}.target-gauge-section{background-color:var(--bg-base);text-align:center;border:1px solid var(--border-color);border-radius:20px;padding:1.5rem}.gauge-stats .label{color:var(--text-secondary);text-transform:uppercase;margin-bottom:.25rem;font-size:.8rem;font-weight:600;display:block}.gauge-stats h2{font-family:var(--font-family-title);margin-bottom:.25rem;font-size:2.2rem;font-weight:800}.progress-bar-track.large{background-color:#0f172a0f;border-radius:20px;height:18px;margin:1.25rem 0}.gauge-caption{color:var(--primary);font-size:.9rem;font-weight:750}.target-analysis-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.analysis-box{background-color:var(--bg-sidebar);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;padding:1rem 1.25rem}.analysis-box.full-width{text-align:center;background:linear-gradient(90deg,#f9731605,#f973160d);border-color:#f9731626;grid-column:span 2}.analysis-box .label{color:var(--text-secondary);text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem;font-weight:600;display:block}.analysis-box h3{font-family:var(--font-family-title);color:var(--text-primary);font-size:1.25rem;font-weight:800}.analysis-box h2{font-family:var(--font-family-title);margin-bottom:.25rem;font-size:1.8rem;font-weight:800}.analysis-subtext{color:var(--text-muted);font-size:.75rem}.target-contribution-section h3{color:var(--primary);margin-bottom:.75rem;font-size:1rem;font-weight:700}.pagination-footer{font-family:var(--font-family-ui);justify-content:flex-end;align-items:center;gap:1.5rem;margin-top:1rem;padding:1rem .5rem;display:flex}.pagination-total{color:var(--text-secondary);font-size:.85rem;font-weight:500}.pagination-list{align-items:center;gap:.35rem;list-style:none;display:flex}.page-btn{border:1px solid var(--border-color);background-color:var(--bg-card);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:inline-flex}.page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background-color:var(--primary-glow)}.page-btn.active{color:#fff!important;background-color:#10b981!important;border-color:#10b981!important}.page-btn.arrow-next{color:#fff!important;background-color:#f97316!important;border-color:#f97316!important}.page-btn.arrow-next:hover:not(:disabled){background-color:#ea580c!important;border-color:#ea580c!important}.page-btn:disabled{opacity:.3;cursor:not-allowed}.nav-svg-icon{stroke:currentColor;vertical-align:middle;transition:stroke .2s,transform .2s}.nav-item:hover .nav-svg-icon{transform:scale(1.08)}.nav-item.active .nav-svg-icon{stroke:var(--primary)}.btn-edit-pencil{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.btn-edit-pencil:hover{color:var(--primary);background:#6366f114;transform:scale(1.15)}.notification-popover{background:var(--bg-card);border:1px solid var(--border-color);width:340px;box-shadow:var(--shadow-lg), 0 10px 30px #00000014;z-index:1000;border-radius:16px;flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) slideDownFade;display:none;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notification-popover.active{display:flex}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.popover-header{border-bottom:1px solid var(--border-color);background:var(--bg-base);justify-content:space-between;align-items:center;padding:1rem;display:flex}.popover-header h4{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:700}.dismiss-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.35rem .65rem;font-size:.75rem;font-weight:600;transition:all .15s}.dismiss-btn:hover{background:var(--primary-glow)}.popover-body{max-height:320px;padding:.5rem 0;overflow-y:auto}.no-notifications{text-align:center;color:var(--text-secondary);padding:2rem 1.5rem;font-size:.85rem}.notification-item{border-bottom:1px solid var(--border-color);cursor:pointer;gap:.75rem;padding:.85rem 1rem;transition:background .15s;display:flex}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--bg-base)}.notification-item .notif-icon{flex-shrink:0;margin-top:.1rem;font-size:1.25rem}.notification-item .notif-content{flex-grow:1}.notification-item .notif-title{color:var(--text-primary);margin-bottom:.15rem;font-size:.85rem;font-weight:600}.notification-item .notif-desc{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.input-helper{color:var(--text-secondary);margin-top:.25rem;font-size:.75rem;display:block}.text-success{color:var(--success,#10b981)!important}.text-danger{color:var(--danger,#ef4444)!important}.text-warning{color:var(--warning,#f59e0b)!important}.text-info{color:var(--chart-cat1,#3b82f6)!important}.text-muted{color:var(--text-muted,#94a3b8)!important}.text-primary{color:var(--text-primary,#0f172a)!important}.text-secondary{color:var(--text-secondary,#64748b)!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.font-bold{font-weight:700!important}.font-medium{font-weight:500!important}.help-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.sidebar-toggle-btn{display:none}@media (width<=768px){.app-container{flex-direction:column;grid-template-columns:1fr;width:100%;max-width:100%;height:100dvh;display:flex;position:relative;overflow-x:hidden}.main-content{width:100%;min-width:0;max-width:100%;overflow-x:hidden}.sidebar-toggle-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;margin-right:.75rem;padding:.25rem;transition:background-color .2s;display:inline-flex}.sidebar-toggle-btn:hover{background-color:var(--bg-input)}.sidebar{z-index:1000;width:260px;height:100dvh;box-shadow:var(--shadow-lg);transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:-260px}.sidebar.open{transform:translate(260px)}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background-color:#0f172a66;width:100dvw;height:100dvh;display:none;position:fixed;top:0;left:0}.sidebar-backdrop.active{display:block}.content-header{justify-content:space-between;align-items:center;gap:.5rem;padding:1rem;display:flex}.header-title{flex-grow:1;min-width:0}.header-title h1{white-space:nowrap;text-overflow:ellipsis;font-size:1.25rem;overflow:hidden}#current-view-subtitle{display:none}.header-actions{gap:.5rem}.profile-chip{padding:.2rem}#header-role-label{display:none}.role-selector-wrapper{margin-right:0}#user-role-select{padding:.35rem .65rem;font-size:.75rem}.content-body{padding:1rem;overflow-x:hidden}.dashboard-top-row,.dashboard-middle-row,.dashboard-bottom-row{gap:1rem;margin-bottom:1rem}.kpi-gradient-card{min-height:180px;padding:1.5rem}.kpi-subcards-grid{grid-template-columns:repeat(2,1fr)!important}.target-body{padding:1rem}.dashboard-panel{border-radius:20px!important;padding:1rem!important}.table-container{margin-bottom:1rem;box-shadow:none!important;background:0 0!important;border:none!important;overflow:visible!important}table.data-table,table.data-table thead,table.data-table tbody,table.data-table tr,table.data-table td{box-sizing:border-box;width:100%!important;display:block!important}table.data-table thead{display:none!important}table.data-table tbody tr{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;margin-bottom:1rem;padding:1rem 1.25rem}table.data-table tbody tr:hover{background-color:var(--bg-card)}table.data-table td{min-height:2.25rem;text-align:right!important;border-bottom:1px solid #00000008!important;justify-content:space-between!important;align-items:center!important;padding:.5rem 0!important;display:flex!important;position:relative!important}table.data-table td:last-child{border-bottom:none!important}table.data-table td:before{content:attr(data-label);color:var(--text-secondary);text-align:left;flex-shrink:0;margin-right:1rem;font-size:.78rem;font-weight:600}table.data-table td>*{text-align:right!important}table.data-table .product-cell{justify-content:flex-end}.table-actions{justify-content:flex-end;gap:.5rem;width:auto;display:flex}.toolbar{flex-direction:column;align-items:stretch;gap:.75rem}.search-box{width:100%;min-width:0;max-width:none}.filter-group{justify-content:space-between;gap:.5rem;width:100%}.filter-group select{flex:1;min-width:0}.filter-group .btn{flex-shrink:0}.crm-split-layout{display:block;position:relative;overflow:hidden}.crm-list-panel{width:100%;display:block}.crm-details-panel{width:100%;display:none!important}.crm-split-layout.show-details .crm-list-panel{display:none!important}.crm-split-layout.show-details .crm-details-panel{display:block!important}.crm-back-btn{display:inline-flex!important}.modal-dialog{border-radius:20px;width:95%}.modal-body{max-height:65vh;padding:1.25rem}.form-row{gap:0;grid-template-columns:1fr!important}.quick-action-grid{gap:.75rem;grid-template-columns:1fr!important}.action-card{text-align:left;flex-direction:row;align-items:center;gap:1rem;padding:1rem}.action-card-icon{width:44px;height:44px;margin-bottom:0;font-size:1.5rem}.action-card-title{font-size:.95rem;font-weight:600}.action-card-desc{display:none}.target-analysis-grid{grid-template-columns:1fr!important}.analysis-box.full-width{grid-column:span 1!important}.help-grid{gap:1rem;grid-template-columns:1fr!important}}@media (width<=500px){.kpi-subcards-grid{grid-template-columns:repeat(2,1fr)!important;gap:.65rem!important}.kpi-subcard{padding:.75rem!important}.subcard-icon-wrapper{border-radius:8px!important;width:32px!important;height:32px!important}.subcard-icon-wrapper svg{width:16px!important;height:16px!important}.subcard-title{font-size:.72rem!important}.subcard-trend{border-radius:4px!important;padding:.05rem .25rem!important;font-size:.62rem!important}.subcard-value{margin-top:.25rem!important;font-size:1rem!important}.subcard-date{font-size:.6rem!important}.notification-popover{border-radius:12px!important;width:calc(100vw - 2rem)!important;max-width:none!important;position:fixed!important;top:64px!important;left:1rem!important;right:1rem!important}}.login-screen{background-color:var(--bg-base);z-index:99999;opacity:1;visibility:visible;background-image:radial-gradient(at 0 0,#f9731617 0,#0000 50%),radial-gradient(at 100% 100%,#f973160d 0,#0000 50%);justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}.login-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.login-card{background:var(--bg-card);border:1px solid var(--border-color);width:90%;max-width:420px;box-shadow:var(--shadow-lg), 0 20px 40px #0f172a0f;text-align:center;box-sizing:border-box;border-radius:28px;padding:2.5rem 2.25rem;animation:.4s cubic-bezier(.34,1.56,.64,1) scaleInModal}.login-logo{justify-content:center;margin-bottom:1.25rem;display:flex}.login-logo-img{object-fit:contain;border-radius:8px;max-height:65px}.login-card h2{font-family:var(--font-family-title);color:var(--text-primary);margin-bottom:.25rem;font-size:1.5rem}.login-subtitle{color:var(--text-secondary);letter-spacing:.02em;text-transform:uppercase;margin-bottom:1.75rem;font-size:.85rem;font-weight:500}.login-card form{text-align:left}.login-card label{color:var(--text-secondary);margin-bottom:.45rem;font-size:.82rem;font-weight:600;display:block}.login-card select.large-select,.login-card input[type=email],.login-card input[type=password]{box-sizing:border-box;background-color:var(--bg-base);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-family-ui);transition:var(--transition-fast);border-radius:12px;outline:none;padding:.75rem 1rem;font-size:.9rem;width:100%!important}.login-card select.large-select:focus,.login-card input[type=email]:focus,.login-card input[type=password]:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.login-card textarea{box-sizing:border-box;background-color:var(--bg-base);border:1px solid var(--border-color);color:var(--text-primary);transition:var(--transition-fast);resize:none;border-radius:12px;outline:none;padding:.75rem 1rem;font-family:monospace;font-size:.8rem;width:100%!important}.login-card textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.login-card .btn-block{margin-top:1.25rem;box-shadow:0 4px 12px #f9731626;width:100%!important}.logout-btn-wrapper{box-sizing:border-box}.btn-logout{border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--font-family-ui);cursor:pointer;box-sizing:border-box;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.65rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-logout:hover{background-color:var(--danger-bg);color:var(--danger);border-color:#ef444433}