:root{--brand-start: #1B1464;--brand-end: #2E2999;--brand-gradient: linear-gradient(135deg, var(--brand-start), var(--brand-end));--brand-light: #E8E7F5;--bg-primary: #F5F7FA;--bg-secondary: #FFFFFF;--bg-card: #FFFFFF;--bg-hover: #F0F2F5;--text-primary: #1A1D23;--text-secondary: #4B5563;--text-muted: #9CA3AF;--border-color: #E5E7EB;--border-radius: 8px;--sidebar-width: 260px;--font-heading: "Manrope", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--input-bg: #F5F7FA;--input-border: #D1D5DB;--toggle-bg: #E5E7EB;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.125rem;color:var(--text-secondary)}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary);padding:1rem}.login-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem;width:100%;max-width:400px;animation:fadeSlideIn .4s ease-out;box-shadow:var(--shadow-md)}.login-logo{text-align:center;margin-bottom:2rem}.login-logo h1{font-family:var(--font-heading);font-size:2rem;font-weight:800;color:var(--text-primary)}.login-logo h1 span{background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-logo p{color:var(--text-secondary);font-size:.875rem;margin-top:.25rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-error{background:#fef2f2;border:1px solid #FECACA;color:#dc2626;padding:.75rem 1rem;border-radius:var(--border-radius);font-size:.875rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.form-group input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--border-radius);padding:.75rem 1rem;font-size:.9375rem;color:var(--text-primary);font-family:var(--font-body);outline:none;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:var(--brand-start);box-shadow:0 0 0 3px #1b14641a}.form-group input::placeholder{color:var(--text-muted)}.login-btn{background:var(--brand-gradient);color:#fff;border:none;border-radius:var(--border-radius);padding:.875rem;font-size:1rem;font-weight:600;font-family:var(--font-heading);cursor:pointer;transition:opacity .2s,box-shadow .2s;box-shadow:0 2px 8px #1b146440}.login-btn:hover:not(:disabled){opacity:.9;box-shadow:0 4px 12px #1b146459}.login-btn:disabled{opacity:.6;cursor:not-allowed}.microsoft-btn{display:flex;align-items:center;justify-content:center;width:100%}.dashboard{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto;box-shadow:1px 0 4px #0000000a}.sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid var(--border-color)}.brand-logo-img{width:52px;height:52px;object-fit:contain}.brand-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--brand-gradient);border-radius:10px;font-family:var(--font-heading);font-weight:800;font-size:.75rem;color:#fff;box-shadow:0 2px 8px #1b14644d}.brand-text h2{font-family:var(--font-heading);font-size:1.125rem;font-weight:800;color:var(--text-primary);line-height:1.2}.brand-text h2 span{background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-text p{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.sidebar-filters{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem}.filter-group{display:flex;flex-direction:column;gap:.375rem}.filter-label{font-size:.6875rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.toggle-group{display:flex;background:var(--toggle-bg);border-radius:var(--border-radius);padding:3px}.toggle-btn{flex:1;background:none;border:none;padding:.5rem;font-size:.8125rem;font-weight:600;color:var(--text-muted);cursor:pointer;border-radius:6px;transition:all .2s;font-family:var(--font-body)}.toggle-btn.active{background:var(--brand-gradient);color:#fff;box-shadow:0 1px 4px #1b146440}.filter-select{width:100%;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--border-radius);padding:.5rem .75rem;font-size:.8125rem;color:var(--text-primary);font-family:var(--font-body);outline:none;cursor:pointer;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%239CA3AF'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.filter-select:focus{border-color:var(--brand-start);box-shadow:0 0 0 3px #1b146414}.filter-select:disabled{opacity:.5;cursor:not-allowed}.filter-group .filter-select+.filter-select{margin-top:4px}.sidebar-nav{flex:1;overflow-y:auto;padding:.75rem 0}.nav-category{margin-bottom:.25rem}.nav-category-label{font-size:.6875rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:.625rem 1.25rem .25rem}.nav-item{display:block;width:100%;text-align:left;background:none;border:none;border-left:3px solid transparent;padding:.5rem 1.25rem .5rem 1.125rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s;font-family:var(--font-body)}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{color:var(--brand-start);font-weight:600;background:var(--brand-light);border-left-color:var(--brand-end)}.sidebar-promoteriq{padding:1rem 1.25rem;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.promoteriq-btn{display:flex;align-items:center;gap:.625rem;width:100%;background:linear-gradient(135deg,orange,#ff8c00);border:none;border-radius:var(--border-radius);padding:.75rem 1rem;font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;text-decoration:none;transition:all .2s;font-family:var(--font-body);text-align:left}.promoteriq-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffa50059}.promoteriq-icon{font-size:1.125rem}.promoteriq-hint{font-size:.6875rem;color:var(--text-muted);margin-top:.375rem;margin-bottom:0}.sidebar-footer{padding:1rem 1.25rem;border-top:1px solid var(--border-color)}.sidebar-user{display:flex;align-items:center;justify-content:space-between;margin-bottom:.375rem}.user-name{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.logout-btn{background:none;border:none;font-size:.75rem;color:var(--text-muted);cursor:pointer;font-family:var(--font-body);padding:.25rem .5rem;border-radius:4px;transition:all .15s}.logout-btn:hover{color:#dc2626;background:#fef2f2}.sidebar-updated{font-size:.6875rem;color:var(--text-muted)}.dashboard-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary)}.dashboard-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.dashboard-header-content{display:flex;align-items:center;justify-content:space-between;gap:1rem}.dashboard-header h1{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.header-nps-btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,orange,#ff8c00);color:#fff;padding:.625rem 1rem;border-radius:var(--border-radius);font-size:.875rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:all .2s;box-shadow:0 2px 8px #ffa50040}.header-nps-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffa50059}.header-nps-btn:active{transform:translateY(0)}.dashboard-content{flex:1;overflow:hidden;position:relative}.report-embed{width:100%;height:100%}.report-embed iframe{border:none}.embed-loading,.embed-error{display:flex;align-items:center;justify-content:center;height:100%;font-size:1rem;color:var(--text-secondary)}.embed-error{color:#dc2626}.ad-banner{flex-shrink:0;border-top:1px solid var(--border-color);background:var(--bg-secondary);padding:0;text-align:center}.ad-banner-link{display:block;width:100%}.ad-banner-img{display:block;width:100%;height:auto;max-height:120px;object-fit:contain}.tree-select{position:relative;display:flex;flex-direction:column;gap:.375rem}.tree-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--border-radius);padding:.5rem .75rem;font-size:.8125rem;color:var(--text-muted);font-family:var(--font-body);cursor:pointer;transition:border-color .2s,box-shadow .2s;text-align:left}.tree-select-trigger:hover{border-color:var(--brand-start)}.tree-select-trigger.open{border-color:var(--brand-start);box-shadow:0 0 0 3px #1b146414}.tree-select-trigger:disabled{opacity:.5;cursor:not-allowed}.tree-select-text.has-value{color:var(--text-primary);font-weight:500}.tree-select-icons{display:flex;align-items:center;gap:4px;flex-shrink:0}.tree-select-clear{display:flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:14px;line-height:1;color:var(--text-muted);border-radius:50%;cursor:pointer;transition:all .15s}.tree-select-clear:hover{color:#dc2626;background:#fef2f2}.tree-select-arrow{color:var(--text-muted);transition:transform .2s}.tree-select-trigger.open .tree-select-arrow{transform:rotate(180deg)}.tree-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-md);max-height:260px;overflow-y:auto;z-index:50;padding:4px 0;animation:fadeSlideIn .15s ease-out}.tree-parent{display:flex;align-items:center;gap:6px;width:100%;background:none;border:none;padding:.4375rem .75rem;font-size:.8125rem;font-weight:600;color:var(--text-primary);font-family:var(--font-body);cursor:pointer;text-align:left;transition:background .1s}.tree-parent:hover{background:var(--bg-hover)}.tree-parent.selected{color:var(--brand-start);background:var(--brand-light)}.tree-expand-icon{flex-shrink:0;color:var(--text-muted);transition:transform .2s;cursor:pointer;padding:2px}.tree-expand-icon.expanded{transform:rotate(90deg)}.tree-count{margin-left:auto;font-size:.6875rem;font-weight:500;color:var(--text-muted);background:var(--bg-primary);padding:1px 6px;border-radius:10px}.tree-children{padding-left:0}.tree-child{display:block;width:100%;background:none;border:none;padding:.375rem .75rem .375rem 2rem;font-size:.8125rem;font-weight:400;color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;text-align:left;transition:background .1s}.tree-child:hover{background:var(--bg-hover)}.tree-child.selected{color:var(--brand-start);font-weight:600;background:var(--brand-light)}.tree-checkbox{width:14px;height:14px;margin:0;accent-color:var(--brand-start);cursor:pointer;flex-shrink:0}.tree-parent .tree-checkbox{margin-right:2px}.tree-child .tree-checkbox{margin-right:6px}