:root{--bg-primary: #f6f8fc;--bg-secondary: #ffffff;--bg-card: rgba(255, 255, 255, .75);--primary: #4f46e5;--primary-hover: #4338ca;--primary-light: rgba(79, 70, 229, .08);--success: #10b981;--success-light: rgba(16, 185, 129, .1);--warning: #f59e0b;--warning-light: rgba(245, 158, 11, .1);--danger: #ef4444;--danger-light: rgba(239, 68, 68, .1);--text-main: #0f172a;--text-muted: #64748b;--text-light: #94a3b8;--border-color: rgba(226, 232, 240, .8);--border-focus: #818cf8;--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .04);--card-shadow: 0 4px 20px -2px rgba(148, 163, 184, .12), 0 2px 8px -1px rgba(148, 163, 184, .08);--hover-shadow: 0 12px 30px -4px rgba(79, 70, 229, .12), 0 4px 12px -2px rgba(79, 70, 229, .08);--font-main: "Plus Jakarta Sans", "Inter", sans-serif;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease-out}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-main);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.6}}.glass-panel{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);transition:var(--transition-smooth)}.glass-panel:hover{border-color:#4f46e533}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);transition:var(--transition-smooth);animation:fadeIn .4s ease-out}.card:hover{transform:translateY(-2px);box-shadow:var(--hover-shadow);border-color:#4f46e526}.container{max-width:1400px;margin:0 auto;padding:2rem 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-family:var(--font-main);font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:var(--transition-smooth)}.btn-primary{background:linear-gradient(135deg,var(--primary),#6366f1);color:#fff;box-shadow:0 4px 14px #4f46e54d}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-hover),#4f46e5);box-shadow:0 6px 20px #4f46e566;transform:translateY(-1px)}.btn-primary:disabled{background:var(--text-light);box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-secondary);color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-primary);border-color:var(--text-muted)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-success{background-color:var(--success-light);color:var(--success)}.badge-warning{background-color:var(--warning-light);color:var(--warning)}.badge-danger{background-color:var(--danger-light);color:var(--danger)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.input-field{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:1.5px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-main);font-family:var(--font-main);font-size:.95rem;transition:var(--transition-smooth)}.input-field:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 4px var(--primary-light)}.flex-between{display:flex;justify-content:space-between;align-items:center}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.text-gradient{background:linear-gradient(135deg,var(--primary),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.table-scroll{overflow-x:auto}.sales-assistant-page{min-width:0;grid-template-columns:minmax(0,1fr)}.assistant-table{width:100%;border-collapse:collapse;min-width:820px}.assistant-table th,.assistant-table td{padding:12px;text-align:left;border-bottom:1px solid var(--border-color);font-size:.85rem}.assistant-table th{color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.muted-small{color:var(--text-muted);font-size:.75rem;margin-top:3px}.pilot-toggle{min-width:54px;padding:6px 10px;border-radius:20px;border:1px solid var(--border-color);background:var(--danger-light);color:var(--danger);font-weight:800;cursor:pointer}.pilot-toggle-on{background:var(--success-light);color:var(--success);border-color:#10b9814d}.pilot-toggle:disabled{opacity:.55;cursor:wait}.forecast-table td{vertical-align:top}.forecast-actions{margin:0;padding-left:1.1rem;min-width:220px}.forecast-actions li{margin-bottom:.3rem}.forecast-controls{display:flex;flex-wrap:wrap;gap:.5rem;min-width:180px}.identity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.identity-grid>div{background:var(--bg-primary);border-radius:var(--radius-md);padding:1rem}.assistant-filters{display:grid;grid-template-columns:150px 150px minmax(180px,1fr);gap:8px}.assistant-filters .input-field{padding:8px 10px}.assistant-kpis{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px}.assistant-kpis>div{background:var(--bg-primary);padding:1rem;border-radius:var(--radius-md);display:grid;gap:4px}.assistant-kpis span{color:var(--text-muted);font-size:.72rem}.assistant-kpis strong{font-size:1.4rem}.knowledge-card{width:100%;min-width:0;padding:1.5rem}.knowledge-heading{gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.knowledge-title{display:flex;align-items:flex-start;gap:10px}.knowledge-title h3,.knowledge-columns h4{margin:0}.knowledge-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.knowledge-notice{padding:.75rem .9rem;border-radius:var(--radius-md);margin-bottom:1rem;font-size:.85rem}.knowledge-notice-info{background:var(--primary-light);color:var(--primary)}.knowledge-notice-success{background:var(--success-light);color:var(--success)}.knowledge-notice-danger{background:var(--danger-light);color:var(--danger)}.knowledge-kpis{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:10px}.knowledge-kpis>div{background:var(--bg-primary);border-radius:var(--radius-md);padding:.9rem;display:grid;gap:4px;align-content:start}.knowledge-kpis span{color:var(--text-muted);font-size:.72rem}.knowledge-kpis strong{font-size:.85rem;overflow-wrap:anywhere}.knowledge-error{margin-top:1rem;padding:.8rem;border-radius:var(--radius-md);background:var(--danger-light);color:var(--danger);display:flex;align-items:center;gap:8px}.knowledge-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1.25rem}.knowledge-version-list,.knowledge-unanswered{display:grid;gap:8px;margin-top:.75rem}.knowledge-version{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:.75rem;background:var(--bg-primary);border-radius:var(--radius-md)}.knowledge-version .btn{padding:7px 10px;font-size:.78rem}.knowledge-unanswered>div{display:flex;justify-content:space-between;gap:10px;padding:.7rem 0;border-bottom:1px solid var(--border-color);font-size:.82rem}.knowledge-unanswered strong{color:var(--primary)}.settings-card{padding:2rem}.settings-guide{padding:1.5rem}.package-setting-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,150px) 44px;gap:8px;align-items:end}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.distributor-cycle-page{min-width:0;display:grid;gap:1rem}.distributor-cycle-heading{padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.distributor-cycle-heading h2{display:flex;align-items:center;gap:8px;font-size:1.25rem;margin:0}.distributor-cycle-heading p{color:var(--text-muted);margin-top:4px;font-size:.86rem}.distributor-cycle-actions{display:flex;flex-wrap:wrap;gap:8px}.distributor-cycle-actions .btn{min-height:44px}.distributor-notice{display:flex;align-items:center;gap:8px;padding:.85rem 1rem;border-radius:var(--radius-md);overflow-wrap:anywhere}.distributor-notice-success{color:var(--success);background:var(--success-light)}.distributor-notice-warning{color:#92400e;background:var(--warning-light)}.distributor-notice-error{color:var(--danger);background:var(--danger-light)}.distributor-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.distributor-summary>div{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;display:grid;gap:4px}.distributor-summary span{color:var(--text-muted);font-size:.78rem}.distributor-summary strong{font-size:1.5rem}.distributor-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.distributor-cycle-card{padding:1.25rem;min-width:0}.distributor-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.distributor-card-title h3{font-size:1rem;overflow-wrap:anywhere}.distributor-card-title p{color:var(--text-muted);font-size:.76rem;margin-top:3px}.distributor-meta{display:grid;gap:6px;margin:1rem 0;padding:.8rem;border-radius:var(--radius-md);background:var(--bg-primary);font-size:.8rem}.distributor-microcycle{display:grid;gap:8px;margin:0 0 1rem;padding:.8rem;border:1px solid var(--border-color);border-radius:var(--radius-md)}.distributor-microcycle h4{margin:0;font-size:.86rem}.distributor-microcycle>div{display:grid;gap:2px;min-width:0}.distributor-microcycle span,.distributor-microcycle small,.distributor-microcycle p{color:var(--text-muted);font-size:.75rem}.distributor-microcycle b{font-size:.78rem;overflow-wrap:anywhere}.distributor-microcycle p{margin:0}.distributor-steps{display:grid;gap:7px}.distributor-steps>div{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:7px;font-size:.8rem}.distributor-steps i{width:8px;height:8px;border-radius:50%;background:var(--success)}.distributor-steps time{color:var(--text-muted);white-space:nowrap}.distributor-empty{padding:2rem 1rem;text-align:center;color:var(--text-muted)}.business-analytics-page{min-width:0;display:grid;gap:1rem}.analytics-heading{padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.analytics-heading-actions{display:flex;gap:.65rem}.analytics-heading h2{display:flex;align-items:center;gap:8px;font-size:1.25rem}.analytics-heading p,.analytics-empty{color:var(--text-muted);font-size:.84rem}.analytics-filters{padding:1rem;display:grid;grid-template-columns:repeat(5,minmax(120px,1fr)) auto;gap:10px;align-items:end}.analytics-filters label{color:var(--text-muted);font-size:.75rem;font-weight:700;display:grid;gap:4px}.analytics-filters .input-field{min-height:44px;padding:8px 10px}.analytics-view-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.analytics-view-tabs .btn{min-height:48px}.analytics-section-grid{display:grid;gap:1rem}.analytics-card{padding:1.25rem;min-width:0}.analytics-card h3{margin-bottom:.85rem;font-size:1rem}.analytics-weak-callout{display:flex;align-items:center;gap:8px;padding:.8rem;margin-bottom:.85rem;border-radius:var(--radius-md);color:#92400e;background:var(--warning-light);font-size:.85rem}.analytics-table-wrap{width:100%;max-width:100%;overflow-x:auto}.analytics-table{width:100%;min-width:720px;border-collapse:collapse}.analytics-table th,.analytics-table td{padding:11px;text-align:left;border-bottom:1px solid var(--border-color);font-size:.8rem;vertical-align:top}.analytics-table th{color:var(--text-muted);font-size:.7rem;text-transform:uppercase}.analytics-table td small{display:block;margin-top:3px;color:var(--text-muted)}.analytics-table th button{border:0;background:none;color:inherit;font:inherit;text-transform:inherit;cursor:pointer;min-height:32px}.analytics-weak-row{background:var(--warning-light)}.analytics-weak-row td:first-child{color:#92400e}.analytics-swipe-hint{display:none;color:var(--text-muted);font-size:.72rem;margin-bottom:6px}.analytics-list{display:grid;gap:8px}.analytics-list>div{display:flex;justify-content:space-between;gap:10px;padding:.7rem;border-radius:var(--radius-sm);background:var(--bg-primary)}.analytics-response-grid,.analytics-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.analytics-response-grid>div,.analytics-kpis>div{display:grid;gap:4px;padding:1rem;border-radius:var(--radius-md);background:var(--bg-primary)}.analytics-response-grid span,.analytics-response-grid small,.analytics-kpis span,.analytics-kpis small{color:var(--text-muted);font-size:.74rem}.analytics-response-grid strong,.analytics-kpis strong{font-size:1.3rem}.analytics-benchmark{display:flex;flex-wrap:wrap;gap:8px 18px}.analytics-benchmark span{color:var(--text-muted);font-size:.82rem}.analytics-distributors-table{min-width:980px}.analytics-loading{padding:2rem;text-align:center;color:var(--text-muted)}.revenue-plan-page{min-width:0;display:grid;gap:1rem}.plan-controls{padding:1rem;display:grid;grid-template-columns:2fr 1fr 1.5fr auto;align-items:end;gap:10px}.plan-controls label{display:grid;gap:4px;color:var(--text-muted);font-size:.75rem;font-weight:700}.plan-controls .input-field,.plan-controls .btn{min-height:44px}.plan-metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.plan-metric-card{min-width:0;padding:1.1rem;display:grid;gap:7px}.plan-metric-card>span{color:var(--text-muted);font-size:.78rem;font-weight:700}.plan-metric-card strong{font-size:1.35rem;overflow-wrap:anywhere}.plan-metric-card p{margin:0;font-size:.78rem}.plan-evidence{color:var(--text-muted);font-size:.7rem}.plan-evidence-low{color:#92400e;font-weight:700}.plan-warning{display:flex;align-items:center;gap:8px;padding:.85rem;border-radius:var(--radius-md);background:var(--warning-light);color:#92400e;font-size:.84rem}.plan-what-if{padding:1.25rem;display:grid;gap:.8rem}.plan-what-if>div:first-child{display:flex;align-items:center;gap:8px}.plan-what-if h3,.plan-what-if p{margin:0}.plan-what-if-result{padding:1rem;border-radius:var(--radius-md);background:var(--primary-light);display:grid;gap:5px}.plan-what-if-result strong{font-size:1.45rem;color:var(--primary)}.plan-what-if-result span,.plan-what-if-result small{font-size:.78rem}@media (max-width: 900px){.app-container{width:100%;min-width:0;overflow-x:clip}.app-container>header{margin:.5rem!important;padding:.75rem!important}.app-container>header .flex-between{flex-wrap:wrap;gap:.75rem}.app-container>header nav{order:3;width:100%;min-width:0;overflow-x:auto;padding-bottom:4px}.app-container>header .btn{min-width:44px;min-height:44px;flex:0 0 auto;white-space:nowrap}.container{width:100%;min-width:0;padding:1rem}.app-container main>div{width:100%;min-width:0}.identity-grid,.assistant-kpis,.knowledge-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-columns{grid-template-columns:1fr}.assistant-filters{grid-template-columns:1fr;width:100%}.analytics-filters,.plan-controls,.plan-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-filters .btn{min-height:44px}.analytics-swipe-hint{display:block}}@media (max-width: 520px){.settings-card,.settings-guide{padding:1rem}.settings-page .btn{min-height:44px}.package-setting-row{grid-template-columns:minmax(0,1fr) 92px 44px}.settings-page .form-group label{letter-spacing:.025em}.knowledge-card{padding:1rem}.knowledge-heading{align-items:flex-start}.knowledge-actions{width:100%}.knowledge-actions .btn{flex:1}.knowledge-kpis{grid-template-columns:1fr}.knowledge-version{align-items:flex-start;flex-direction:column}.distributor-cycle-heading{align-items:stretch;flex-direction:column;padding:1rem}.distributor-cycle-actions{display:grid;grid-template-columns:1fr}.distributor-cycle-actions .btn{width:100%}.distributor-summary{grid-template-columns:1fr}.distributor-card-grid{grid-template-columns:minmax(0,1fr)}.distributor-cycle-card{padding:1rem}.distributor-card-title{flex-wrap:wrap}.distributor-steps>div{grid-template-columns:10px minmax(0,1fr)}.distributor-steps time{grid-column:2}.analytics-heading{align-items:stretch;flex-direction:column;padding:1rem}.analytics-heading-actions{display:grid;grid-template-columns:1fr 1fr}.analytics-heading .btn{width:100%;min-height:44px}.analytics-filters,.analytics-view-tabs{grid-template-columns:1fr}.analytics-card{padding:1rem}.analytics-response-grid,.analytics-kpis,.plan-controls,.plan-metrics-grid{grid-template-columns:1fr}.plan-what-if{padding:1rem}}