.navigation{position:sticky;top:0;z-index:1000;background-color:var(--color-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);border-bottom:1px solid var(--color-secondary-dark)}.nav-container{max-width:var(--max-content-width);margin:0 auto;padding:0 var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}.nav-brand{display:flex;align-items:center}.brand-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-white);margin:0;letter-spacing:-.02em}.brand-title a{color:var(--color-white);text-decoration:none;transition:opacity var(--transition-fast)}.brand-title a:hover{opacity:.9;color:var(--color-white)}.nav-toggle{display:none;flex-direction:column;gap:4px;background:transparent;padding:var(--spacing-sm);border:none;cursor:pointer}.hamburger{display:block;width:24px;height:2px;background-color:var(--color-white);border-radius:var(--radius-full);transition:all var(--transition-fast)}.nav-menu{display:flex;align-items:center;gap:var(--spacing-md)}.nav-list{display:flex;list-style:none;gap:var(--spacing-xs);margin:0;padding:0}.nav-item,.nav-item--dropdown{position:relative}.nav-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);color:var(--color-white);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative;text-decoration:none;background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:inherit}.nav-link--dropdown{display:flex;align-items:center;gap:var(--spacing-xs)}.dropdown-arrow{font-size:.7em;transition:transform var(--transition-fast)}.nav-item--open .dropdown-arrow{transform:rotate(180deg)}.nav-submenu{position:absolute;top:100%;left:0;background-color:var(--color-secondary-dark);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);list-style:none;margin:var(--spacing-xs) 0 0 0;padding:var(--spacing-xs);min-width:180px;z-index:1001}.nav-submenu-item{list-style:none}.nav-submenu-link{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-white);text-decoration:none;border-radius:var(--radius-sm);transition:background-color var(--transition-fast);white-space:nowrap}.nav-submenu-link:hover{background-color:var(--color-secondary-light);color:var(--color-white)}.nav-link:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:80%;height:2px;background-color:var(--color-white);transition:transform var(--transition-base)}.nav-link:hover{background-color:var(--color-secondary-light);color:var(--color-white)}.nav-link:hover:before{transform:translate(-50%) scaleX(1)}.nav-icon{font-size:var(--font-size-lg)}.nav-loading,.nav-error{color:var(--color-white);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);opacity:.8}.nav-error{cursor:help}@media (max-width: 768px){.nav-toggle{display:flex}.nav-menu{position:fixed;top:var(--header-height);left:0;right:0;background-color:var(--color-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;align-items:stretch;padding:var(--spacing-lg);max-height:0;overflow:hidden;opacity:0;transition:all var(--transition-base);border-bottom:1px solid var(--color-secondary-dark)}.nav-menu--open{max-height:calc(100vh - var(--header-height));opacity:1;overflow-y:auto}.nav-list{flex-direction:column;width:100%;gap:var(--spacing-sm)}.nav-link{width:100%;justify-content:flex-start;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);min-height:48px}.nav-link:before{display:none}.nav-submenu{position:static;box-shadow:none;background-color:var(--color-secondary);margin-top:var(--spacing-xs);margin-left:var(--spacing-lg)}.nav-item--dropdown{flex-direction:column}.brand-title{font-size:var(--font-size-lg)}}.nav-item--user{margin-left:auto;padding-left:var(--spacing-lg)}.nav-user-info{color:var(--color-white);font-size:var(--font-size-sm);opacity:.9;padding:var(--spacing-sm) var(--spacing-md);display:inline-block}.nav-link--logout{background:transparent;border:1px solid rgba(255,255,255,.3);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.nav-link--logout:hover{background:#ffffff1a;border-color:#ffffff80;color:var(--color-white)}@media (min-width: 769px) and (max-width: 1024px){.nav-list{gap:var(--spacing-xs)}.nav-link{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.nav-item--user{padding-left:var(--spacing-md)}}.layout{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-white) 50%,var(--color-primary-alpha-05) 100%);overflow-x:hidden}.layout-main{flex:1;width:100%;padding:var(--spacing-2xl) 0}.layout-content{max-width:var(--max-content-width);margin:0 auto;padding:0 var(--spacing-lg);overflow-x:hidden}.layout-footer{background-color:var(--color-secondary);color:var(--color-white);padding:var(--spacing-xl) 0;margin-top:auto}.footer-content{max-width:var(--max-content-width);margin:0 auto;padding:0 var(--spacing-lg);text-align:center}.footer-content p{margin:0;font-size:var(--font-size-sm);opacity:.9}@media (max-width: 768px){.layout-main{padding:var(--spacing-lg) 0}.layout-content,.footer-content{padding:0 var(--spacing-md)}.footer-content p{font-size:12px}}@media (max-width: 480px){.layout-main{padding:var(--spacing-md) 0}.layout-content{padding:0 var(--spacing-sm)}.layout-footer{padding:var(--spacing-md) 0}.footer-content{padding:0 var(--spacing-sm)}.footer-content p{font-size:11px}}.coi-widget{min-height:400px;display:flex;flex-direction:column}.widget-loading{display:flex;align-items:center;justify-content:center;flex:1;color:var(--color-gray-500);font-size:var(--font-size-base)}.widget-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;padding:var(--spacing-xl);gap:var(--spacing-md)}.empty-icon{font-size:var(--font-size-2xl);color:var(--color-primary);font-weight:var(--font-weight-bold)}.widget-empty p{margin:0;color:var(--color-gray-600);font-size:var(--font-size-sm)}.widget-content{display:flex;flex-direction:column;flex:1}.coi-list{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1}.coi-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:var(--color-gray-50);border-radius:var(--radius-md);border-left:3px solid transparent;transition:all var(--transition-fast)}.coi-item:hover{background-color:var(--color-gray-100)}.coi-item.status-due_soon{border-left-color:#f59e0b}.coi-item.status-overdue{border-left-color:#ef4444}.coi-item-info{flex:1;min-width:0}.coi-item-name{font-weight:var(--font-weight-semibold);color:var(--color-gray-900);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coi-item-company{font-size:var(--font-size-xs);color:var(--color-gray-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coi-item-status{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-gray-500);margin-top:var(--spacing-xs)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.due_soon{background-color:#f59e0b}.status-dot.overdue{background-color:#ef4444}.coi-item-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0;margin-left:var(--spacing-sm)}.quick-action{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all var(--transition-fast)}.quick-action.action-call{background-color:#dcfce7;color:#166534}.quick-action.action-call:hover{background-color:#166534;color:#fff}.quick-action.action-email{background-color:#dbeafe;color:#1e40af}.quick-action.action-email:hover{background-color:#1e40af;color:#fff}.widget-more{text-align:center;font-size:var(--font-size-sm);color:var(--color-gray-500);padding:var(--spacing-sm) 0;border-top:1px dashed var(--color-gray-200);margin-top:var(--spacing-sm)}.btn-view-all{width:100%;padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-md);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.btn-view-all:hover{background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.coi-widget{min-height:300px}.coi-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.coi-item-actions{margin-left:0;width:100%}.quick-action{flex:1;text-align:center}}@media (max-width: 480px){.coi-widget{min-height:250px}.quick-action{font-size:10px;padding:var(--spacing-xs)}}.referrals-chart-widget{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);grid-column:1 / -1}.referrals-chart-widget .chart-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-primary-alpha-10)}.referrals-chart-widget .chart-title-row{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:var(--spacing-md)}.referrals-chart-widget .chart-header h2{margin:0 0 var(--spacing-xs) 0;color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.referrals-chart-widget .chart-subtitle{margin:0;color:var(--color-gray-600);font-size:var(--font-size-sm)}.referrals-chart-widget .rank-badge{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:var(--color-white);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;box-shadow:0 2px 8px var(--color-primary-alpha-30)}.referrals-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);gap:var(--spacing-md);flex-wrap:wrap}.filter-row{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.coi-toggle-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-gray-700);cursor:pointer}.coi-toggle-label input{width:16px;height:16px;cursor:pointer}.totals-row{display:flex;gap:var(--spacing-sm)}.total-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.total-badge.given{background-color:var(--color-primary-alpha-10);color:var(--color-primary-dark)}.total-badge.received{background-color:#004b1c1a;color:var(--color-secondary-dark)}.referrals-chart-widget .chart-container{height:280px;display:flex;align-items:flex-end;padding:var(--spacing-md) 0;gap:var(--spacing-md)}.referrals-chart-widget .y-axis{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;height:100%;padding-right:var(--spacing-sm);padding-bottom:var(--spacing-lg);border-right:2px solid var(--color-gray-300);min-width:30px}.referrals-chart-widget .y-axis-label{font-size:var(--font-size-xs);color:var(--color-gray-600);font-weight:var(--font-weight-medium);line-height:1}.referrals-chart-widget .bar-chart{display:flex;align-items:flex-end;justify-content:space-around;width:100%;height:100%;gap:var(--spacing-lg);position:relative;padding-bottom:var(--spacing-lg)}.referrals-chart-widget .bar-chart:after{content:"";position:absolute;left:0;right:0;bottom:var(--spacing-lg);height:1px;background-color:var(--color-gray-200)}.referrals-chart-widget .referral-month-group{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.referrals-chart-widget .referral-bars-container{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:var(--spacing-sm);width:100%}.referrals-chart-widget .referral-bar-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:40px;height:100%}.stacked-bar-container{width:100%;display:flex;flex-direction:column-reverse;border-radius:var(--radius-md) var(--radius-md) 0 0;overflow:hidden;min-height:4px;background:linear-gradient(to top,var(--color-primary),var(--color-primary-light));box-shadow:0 -2px 8px var(--color-primary-alpha-30);transition:all var(--transition-base)}.stacked-bar-container.received{background:linear-gradient(to top,var(--color-secondary),var(--color-secondary-light));box-shadow:0 -2px 8px #004b1c4d}.stacked-bar-container:hover{transform:scaleY(1.02)}.stacked-segment{width:100%;transition:all var(--transition-base)}.empty-bar{width:100%;height:4px;background-color:var(--color-gray-200);border-radius:var(--radius-md) var(--radius-md) 0 0}.referrals-chart-widget .bar-label{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);text-align:center}.referrals-chart-widget .chart-legend{display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.referrals-chart-widget .legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-gray-700)}.referrals-chart-widget .legend-color{width:16px;height:16px;border-radius:var(--radius-sm);display:inline-block}.referrals-chart-widget .legend-given{background:linear-gradient(to bottom,var(--color-primary-light),var(--color-primary))}.referrals-chart-widget .legend-received{background:linear-gradient(to bottom,var(--color-secondary-light),var(--color-secondary))}.referrer-legend{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);flex-wrap:wrap;justify-content:center}.referrer-legend-label{font-size:var(--font-size-xs);color:var(--color-gray-600)}.referrer-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background-color:var(--color-gray-100);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-gray-700)}.referrer-color{width:10px;height:10px;border-radius:50%}.referrer-more{font-size:var(--font-size-xs);color:var(--color-gray-500);font-style:italic}.chart-loading{text-align:center;padding:var(--spacing-2xl);color:var(--color-gray-600);font-size:var(--font-size-base)}@media (max-width: 768px){.referrals-chart-widget{padding:var(--spacing-md)}.referrals-chart-widget .chart-title-row{flex-direction:column;gap:var(--spacing-sm)}.referrals-chart-widget .rank-badge{align-self:flex-start;font-size:12px;padding:6px 12px}.referrals-filters{flex-direction:row;align-items:center}.totals-row{justify-content:flex-end}.referrals-chart-widget .chart-container{height:220px}.referrals-chart-widget .referral-bar-item{width:28px}.referrals-chart-widget .bar-chart{gap:var(--spacing-md)}}@media (max-width: 480px){.referrals-chart-widget{padding:var(--spacing-sm)}.referrals-chart-widget .chart-header h2{font-size:var(--font-size-base)}.referrals-chart-widget .chart-subtitle{font-size:11px}.referrals-chart-widget .rank-badge{font-size:11px;padding:4px 10px}.referrals-filters{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.filter-row{justify-content:flex-start}.totals-row{justify-content:center}.referrals-chart-widget .chart-container{height:180px;gap:var(--spacing-xs)}.referrals-chart-widget .referral-bar-item{width:20px}.referrals-chart-widget .y-axis{min-width:20px}.referrals-chart-widget .y-axis-label,.referrals-chart-widget .bar-label{font-size:9px}.referrals-chart-widget .bar-chart{gap:var(--spacing-xs)}.referrals-chart-widget .chart-legend{gap:var(--spacing-sm);flex-wrap:wrap}.referrals-chart-widget .legend-item{font-size:11px}.referrer-legend{gap:var(--spacing-xs)}.referrer-chip{padding:2px 6px;font-size:10px}.total-badge{padding:var(--spacing-xs);font-size:var(--font-size-xs)}}.quarterly-targets{width:100%}.targets-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.targets-header h2{margin:0;color:var(--color-gray-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.targets-subtitle{margin:var(--spacing-xs) 0 0 0;color:var(--color-gray-600);font-size:var(--font-size-xs)}.targets-controls{display:flex;gap:var(--spacing-sm);align-items:center}.year-filter{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-gray-900);background-color:var(--color-white);cursor:pointer}.year-filter:focus{outline:none;border-color:var(--color-primary)}.loading-state{text-align:center;padding:var(--spacing-xl);color:var(--color-gray-600);font-size:var(--font-size-sm)}.no-targets{text-align:center;padding:var(--spacing-2xl);background-color:var(--color-gray-50);border-radius:var(--radius-md);border:2px dashed var(--color-gray-300)}.no-targets p{margin:0;color:var(--color-gray-600);font-size:var(--font-size-sm)}.targets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.target-card{background-color:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);transition:all var(--transition-fast)}.target-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.target-card.target-current{border-color:var(--color-primary);border-width:2px}.target-card.target-past{opacity:.85}.target-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-gray-200)}.target-card h3{margin:0;color:var(--color-gray-900);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.status-badge{display:inline-block;padding:2px var(--spacing-xs);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.3px;margin-top:var(--spacing-xs)}.btn-edit{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-700);background-color:var(--color-white);cursor:pointer;transition:all var(--transition-fast)}.btn-edit:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.btn-delete{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid #dc3545;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#dc3545;background-color:var(--color-white);cursor:pointer;transition:all var(--transition-fast)}.success-message{background-color:#d4edda;border-left:4px solid #28a745;color:#155724;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.target-notes{margin:0 0 var(--spacing-sm) 0;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-gray-50);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-gray-700);font-style:italic}.metrics-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.metric-item{padding:var(--spacing-sm);background-color:var(--color-gray-50);border-radius:var(--radius-sm)}.metric-header{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--spacing-xs)}.metric-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.metric-description{font-size:10px;color:var(--color-gray-600)}.metric-values{display:flex;flex-direction:column;gap:var(--spacing-xs)}.metric-value{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs)}.metric-value .label{color:var(--color-gray-600);font-weight:var(--font-weight-medium)}.metric-value .value{color:var(--color-gray-900);font-weight:var(--font-weight-semibold)}.metric-value .value-actual{color:var(--color-primary)}.metric-progress{width:100%;height:4px;background-color:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden;margin-top:2px}.metric-progress-bar{height:100%;background-color:var(--color-primary);transition:width var(--transition-base)}.target-overall-progress{display:flex;align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-gray-200)}.progress-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);white-space:nowrap}.progress-bar-container{flex:1;height:6px;background-color:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-percentage{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-gray-900);min-width:35px;text-align:right}.slideout{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:560px;background-color:var(--color-white);box-shadow:var(--shadow-2xl);z-index:1999;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--transition-slow)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.form-group label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-700)}.form-input{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-gray-900);background-color:var(--color-white)}.form-input:focus{outline:none;border-color:var(--color-primary)}.form-input:disabled{background-color:var(--color-gray-100);cursor:not-allowed}textarea.form-input{resize:vertical;font-family:inherit}.metrics-section{margin-top:var(--spacing-lg)}.metrics-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-gray-200)}.metrics-section-header h3{margin:0;color:var(--color-gray-900);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.metric-form-item{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.metric-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.metric-form-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700)}.btn-remove{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid #dc3545;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#dc3545;background-color:var(--color-white);cursor:pointer;transition:all var(--transition-fast)}.btn-remove:hover{background-color:#dc3545;color:var(--color-white)}.no-metrics-hint{padding:var(--spacing-sm);border:1px dashed var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-600);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}@media (max-width: 768px){.targets-header{flex-direction:column;gap:var(--spacing-md)}.targets-controls{width:100%}.year-filter,.btn-primary{flex:1}.targets-grid{grid-template-columns:1fr}.modal-content{max-width:100%;max-height:100vh;border-radius:0}.form-row{grid-template-columns:1fr}}@media (max-width: 480px){.quarterly-targets{padding:var(--spacing-sm)}.targets-header h2{font-size:var(--font-size-xl)}.targets-controls{flex-direction:column}.year-filter,.btn-primary{width:100%}.target-card{padding:var(--spacing-sm)}.target-header h3{font-size:var(--font-size-base)}.target-amount{font-size:var(--font-size-lg)}.progress-value{font-size:var(--font-size-xs)}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-md)}.modal-footer{flex-direction:column-reverse}.modal-footer .btn-primary,.modal-footer .btn-secondary{width:100%}}.dashboard{animation:fadeIn .5s ease-in}.goal-edit-row{display:flex;gap:var(--spacing-md);align-items:flex-start;flex-wrap:wrap}.goal-chip{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);background-color:var(--color-primary-alpha-10);color:var(--color-primary-dark);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);white-space:nowrap}.goal-inline-edit{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.chart-card{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);overflow:hidden;min-width:0}.chart-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-primary-alpha-10)}.chart-header h2{margin:0 0 var(--spacing-xs) 0;color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.chart-subtitle{margin:0;color:var(--color-gray-600);font-size:var(--font-size-sm)}.dashboard-subgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.dashboard-subgrid .chart-card{height:100%}.chart-container{height:350px;display:flex;align-items:flex-end;padding:var(--spacing-md) 0;gap:var(--spacing-md);overflow:hidden;min-width:0}.y-axis{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;height:100%;padding-right:var(--spacing-sm);padding-bottom:36px;border-right:2px solid var(--color-gray-300)}.y-axis-label{font-size:var(--font-size-xs);color:var(--color-gray-600);font-weight:var(--font-weight-medium);line-height:1}.commission-y-axis{padding-bottom:24px}.referrals-container .y-axis{padding-bottom:var(--spacing-lg)}.bar-chart{display:flex;align-items:flex-end;justify-content:space-around;width:100%;height:100%;gap:var(--spacing-md)}.bar-wrapper{display:flex;flex-direction:column;align-items:center;flex:1;height:100%;position:relative}.bar-label-top{position:absolute;top:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);white-space:nowrap}.bar-column{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;min-height:0}.bar{width:100%;max-width:60px;border-radius:var(--radius-md) var(--radius-md) 0 0;transition:all var(--transition-base);position:relative;min-height:4px}.commission-bar{background:linear-gradient(to top,var(--color-primary),var(--color-primary-light));box-shadow:0 -2px 8px var(--color-primary-alpha-30)}.commission-bar:hover{transform:scaleY(1.02);box-shadow:0 -4px 12px var(--color-primary-alpha-50)}.activity-bar{background:linear-gradient(to top,var(--color-primary-dark),var(--color-primary));box-shadow:0 -1px 4px var(--color-primary-alpha-30)}.activity-bar:hover{transform:scaleY(1.05);box-shadow:0 -2px 8px var(--color-primary-alpha-50)}.bar-label{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);text-align:center;min-height:20px}.activity-chart{gap:var(--spacing-xs);position:relative}.activity-chart:after{content:"";position:absolute;bottom:24px;left:0;right:0;height:2px;background-color:var(--color-gray-300)}.activity-bar-wrapper{flex:0 1 auto;min-width:8px;padding-bottom:var(--spacing-lg);position:relative}.activity-bar-wrapper .bar{max-width:12px}.activity-bar-wrapper .bar-label{font-size:var(--font-size-xs);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.dashboard-note{background-color:var(--color-primary-alpha-05);border-left:4px solid var(--color-primary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-top:var(--spacing-xl)}.dashboard-note p{margin:0;color:var(--color-gray-700);font-size:var(--font-size-sm);font-style:italic}.chart-title-row{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:var(--spacing-md)}.rank-badge{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:var(--color-white);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;box-shadow:0 2px 8px var(--color-primary-alpha-30)}.referrals-full-width{grid-column:1 / -1}.referrals-container{height:280px;position:relative;gap:0}.referrals-chart{display:flex;align-items:flex-end;justify-content:space-around;width:100%;height:100%;gap:var(--spacing-lg);position:relative;padding-bottom:var(--spacing-lg)}.referrals-chart:after{content:"";position:absolute;left:0;right:0;bottom:var(--spacing-lg);height:1px;background-color:var(--color-gray-200)}.referral-month-group{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.referral-bars-container{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:var(--spacing-sm);width:100%}.referral-bar-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:40px;height:100%;gap:var(--spacing-xs)}.referral-given-bar,.referral-received-bar{width:100%;min-height:4px;border-radius:var(--radius-md) var(--radius-md) 0 0;transition:all var(--transition-base)}.referral-given-bar{background:linear-gradient(to top,var(--color-primary),var(--color-primary-light));box-shadow:0 -2px 8px var(--color-primary-alpha-30)}.referral-received-bar{background:linear-gradient(to top,var(--color-secondary),var(--color-secondary-light));box-shadow:0 -2px 8px #004b1c4d}.referral-given-bar:hover,.referral-received-bar:hover{transform:scaleY(1.05);cursor:pointer}.chart-legend{display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-gray-700)}.legend-color{width:16px;height:16px;border-radius:var(--radius-sm);display:inline-block}.legend-given{background:linear-gradient(to bottom,var(--color-primary-light),var(--color-primary))}.legend-received{background:linear-gradient(to bottom,var(--color-secondary-light),var(--color-secondary))}@media (max-width: 1280px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.chart-container{height:300px}.dashboard-subgrid{grid-template-columns:1fr}}@media (max-width: 768px){.chart-card{padding:var(--spacing-md)}.chart-header h2{font-size:var(--font-size-lg)}.chart-title-row{flex-direction:column;gap:var(--spacing-sm)}.rank-badge{align-self:flex-start;font-size:12px;padding:6px 12px}.chart-container,.referrals-container{height:250px}.referral-bar-item{width:32px}.bar{max-width:40px}.bar-label-top{font-size:10px;transform:rotate(-45deg);transform-origin:bottom left}.bar-chart{gap:var(--spacing-sm)}.activity-bar-wrapper .bar{max-width:8px}.y-axis{padding-bottom:28px}.y-axis-label{font-size:10px}.dashboard-note{padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width: 480px){.chart-card{padding:var(--spacing-sm)}.chart-header{margin-bottom:var(--spacing-md)}.chart-header h2{font-size:var(--font-size-base)}.chart-subtitle{font-size:11px}.rank-badge{font-size:11px;padding:4px 10px}.chart-container,.referrals-container{height:200px}.referral-bar-item{width:24px}.referral-bar-value{font-size:10px}.bar-label-top{font-size:9px}.activity-chart:after{bottom:20px}.y-axis{padding-bottom:24px;min-width:40px}.y-axis-label{font-size:9px;white-space:nowrap}.points-main-display{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.points-number{font-size:var(--font-size-2xl)}.points-label{font-size:var(--font-size-sm)}.bar-chart{gap:var(--spacing-xs)}.bar-label{font-size:10px}.referrals-chart{gap:var(--spacing-sm)}.chart-legend{gap:var(--spacing-sm);flex-wrap:wrap}.legend-item{font-size:11px}}.activity-tracker-card{min-height:400px;display:flex;flex-direction:column}.activity-loading,.activity-not-adviser,.activity-no-goal{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--color-gray-600);flex:1}.activity-no-goal{gap:var(--spacing-md)}.no-goal-icon{font-size:3rem}.activity-no-goal h3{color:var(--color-gray-900);margin:0;font-size:var(--font-size-xl)}.activity-no-goal p{margin:0;font-size:var(--font-size-base)}.activity-no-goal a{color:var(--color-primary);text-decoration:underline;font-weight:var(--font-weight-semibold)}.activity-tracker-content{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.activity-summary{display:flex;flex-direction:column;gap:var(--spacing-md)}.points-main-display{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-radius:var(--radius-md);background-color:var(--color-gray-50);border:2px solid var(--color-gray-300)}.points-main-display.status-ahead,.points-main-display.status-on-track{background-color:#f0fdf4;border-color:#86efac}.points-main-display.status-behind{background-color:#fef3c7;border-color:#fbbf24}.points-current{display:flex;align-items:baseline;gap:var(--spacing-xs)}.points-number{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.points-label{font-size:var(--font-size-lg);color:var(--color-gray-700);font-weight:var(--font-weight-medium)}.points-percentage{font-size:var(--font-size-base);color:var(--color-gray-700);font-weight:var(--font-weight-medium)}.progress-bar-container{width:100%;height:24px;background-color:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),#4ade80);transition:width var(--transition-slow);border-radius:var(--radius-full)}.status-message{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-xs);padding-top:var(--spacing-sm)}.status-message .status-icon{font-size:1.25rem;line-height:1}.status-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700)}.status-details{font-size:var(--font-size-xs);color:var(--color-gray-600);line-height:1.4}.activity-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);flex-wrap:wrap;padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.footer-left{display:flex;flex-direction:column;gap:var(--spacing-xs)}.footer-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:flex-end}.footer-buttons{display:flex;gap:var(--spacing-sm)}.days-remaining{font-size:var(--font-size-xs);color:var(--color-gray-600);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-gray-50);border-radius:var(--radius-sm)}.btn-log-activity{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base)}.btn-log-activity:hover{background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.slideout-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1998;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.slideout-overlay--open{opacity:1;visibility:visible}.slideout{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:500px;background-color:var(--color-white);box-shadow:var(--shadow-2xl);z-index:1999;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--transition-slow)}.slideout--open{transform:translate(0)}.slideout-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);border-bottom:2px solid var(--color-gray-200);background-color:var(--color-gray-50);flex-shrink:0}.slideout-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.slideout-close{background:transparent;border:none;font-size:2rem;line-height:1;color:var(--color-gray-600);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast)}.slideout-form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.slideout-body{flex:1;padding:var(--spacing-xl);overflow-y:auto;min-height:0}.form-group label{display:block;font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm)}.form-group input[type=text],.form-group input[type=date],.form-group select,.form-group textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:inherit;transition:all var(--transition-fast)}.form-group input[type=text]:focus,.form-group input[type=date]:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3eb44a1a}.form-group textarea{resize:vertical;min-height:80px}.form-group select{cursor:pointer;background-color:var(--color-white)}.form-help{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-gray-600)}.required{color:var(--color-error)}.points-display{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md);font-size:var(--font-size-base);color:var(--color-gray-700)}.points-display strong{color:var(--color-primary);font-weight:var(--font-weight-bold)}.form-actions{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.btn-block{width:100%;justify-content:center}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);color:#991b1b;font-size:var(--font-size-sm)}.loading-message{text-align:center;padding:var(--spacing-xl);color:var(--color-gray-600);font-size:var(--font-size-base)}.slideout-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:2px solid var(--color-gray-200);background-color:var(--color-gray-50);flex-shrink:0}.slideout-footer-left,.slideout-footer-right{display:flex;gap:var(--spacing-md)}.slideout-footer-right{margin-left:auto}.btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-height:40px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.recent-activities-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:2px solid var(--color-gray-200)}.recent-activities-section h3{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);color:var(--color-gray-900);font-weight:var(--font-weight-semibold)}.no-activities{text-align:center;padding:var(--spacing-xl);color:var(--color-gray-500);font-style:italic;margin:0}.activities-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.activity-item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.activity-item:hover{background-color:var(--color-gray-100)}.activity-info{flex:1;min-width:0}.activity-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.activity-header strong{color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.activity-points{display:inline-block;padding:2px var(--spacing-xs);background-color:var(--color-primary-alpha-10);color:var(--color-primary-dark);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.activity-date{font-size:var(--font-size-xs);color:var(--color-gray-600);margin-bottom:var(--spacing-xs)}.activity-description{font-size:var(--font-size-sm);color:var(--color-gray-700);margin-top:var(--spacing-xs);line-height:1.4}.activity-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.btn-activity-action{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);background-color:var(--color-white);color:var(--color-gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-activity-action:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.btn-edit-activity:hover{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-delete-activity{color:#dc2626}.btn-delete-activity:hover{background-color:#fee2e2;border-color:#fca5a5;color:#991b1b}.activities-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.btn-pagination{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);background-color:var(--color-white);color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-pagination:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-pagination:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-gray-100)}.pagination-info{font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:var(--font-weight-medium)}.btn-danger{background-color:var(--color-error);color:var(--color-white);border-color:var(--color-error)}.btn-danger:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626}@media (max-width: 768px){.slideout{max-width:100%}.slideout-header{padding:var(--spacing-lg)}.slideout-header h2{font-size:var(--font-size-xl)}.slideout-body{padding:var(--spacing-lg)}.slideout-footer{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.slideout-footer-left,.slideout-footer-right{width:100%;flex-direction:column}.btn{width:100%}}@media (min-width: 769px) and (max-width: 1024px){.slideout{max-width:400px}}.commissions-page{animation:fadeIn .5s ease-in}.commissions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl);flex-wrap:wrap;gap:var(--spacing-lg)}.commissions-header h1{margin:0;color:var(--color-gray-900)}.commissions-filters{display:flex;gap:var(--spacing-sm)}.filter-btn{padding:var(--spacing-sm) var(--spacing-lg);border:2px solid var(--color-gray-300);background-color:var(--color-white);color:var(--color-gray-700);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-weight:var(--font-weight-medium)}.filter-btn:hover{border-color:var(--color-primary);background-color:var(--color-primary-alpha-05)}.filter-btn.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.loading,.error-message,.empty-state{text-align:center;padding:var(--spacing-3xl);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.error-message{color:var(--color-error)}.commissions-table-container{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;margin-bottom:var(--spacing-2xl)}.commissions-table{width:100%;border-collapse:collapse}.commissions-table thead{background-color:var(--color-primary);color:var(--color-white)}.commissions-table th{padding:var(--spacing-lg);text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}.commissions-table tbody tr{border-bottom:1px solid var(--color-gray-200);transition:background-color var(--transition-fast)}.commissions-table tbody tr:hover{background-color:var(--color-primary-alpha-05)}.commissions-table tbody tr:last-child{border-bottom:none}.commissions-table td{padding:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-gray-700)}.commissions-table td.amount{font-weight:var(--font-weight-semibold);color:var(--color-gray-900);font-size:var(--font-size-base)}.commissions-table td.type{text-transform:capitalize}.status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.status-pending{background-color:var(--color-gray-200);color:var(--color-gray-700)}.status-approved{background-color:#004b1c1a;color:var(--color-secondary-dark)}.status-paid{background-color:#d1fae5;color:#065f46}.status-disputed{background-color:#fee2e2;color:#991b1b}.commissions-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.summary-card{background-color:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border-left:4px solid var(--color-primary)}.summary-card h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium)}.summary-amount,.summary-count{margin:0;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}@media (max-width: 1024px){.commissions-table-container{overflow-x:auto}.commissions-table{min-width:800px}}@media (max-width: 768px){.commissions-header{flex-direction:column;align-items:stretch}.commissions-filters{flex-wrap:wrap}.filter-btn{flex:1;min-width:80px}.commissions-summary{grid-template-columns:repeat(2,1fr)}.commissions-header h1{font-size:var(--font-size-2xl)}.summary-card{padding:var(--spacing-md)}.commissions-table{font-size:var(--font-size-sm)}.commissions-table th,.commissions-table td{padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width: 480px){.commissions-header h1{font-size:var(--font-size-xl)}.filter-btn{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.commissions-summary{grid-template-columns:1fr;gap:var(--spacing-md)}.summary-card{padding:var(--spacing-sm)}.summary-label{font-size:10px}.summary-amount{font-size:var(--font-size-xl)}.commissions-table{font-size:12px;min-width:600px}}.load-commissions-page{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.page-header{margin-bottom:var(--spacing-2xl);position:relative}.page-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg)}.page-header-content>div:first-child{flex:1;padding-right:200px}.page-header-content>.help-button{position:absolute;right:0;top:0}.page-header h1{font-size:2rem;font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.page-description{color:var(--color-gray-600);font-size:.95rem;margin:0}.provider-section{margin-bottom:var(--spacing-3xl)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-gray-200)}.section-title{font-size:1.5rem;font-weight:600;color:var(--color-gray-900);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.section-count{font-size:.875rem;font-weight:500;color:var(--color-gray-600);background-color:var(--color-gray-100);padding:4px 12px;border-radius:var(--radius-full)}.providers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-xl)}.provider-card{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border-left:4px solid var(--color-primary);transition:transform .2s ease,box-shadow .2s ease}.provider-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.provider-card.wip-provider{border-left-color:var(--color-gray-400);opacity:.85;background:linear-gradient(135deg,var(--color-white) 0%,#f9fafb 100%)}.provider-card.wip-provider:hover{opacity:1}.provider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);gap:var(--spacing-sm);flex-wrap:wrap}.provider-header h3{font-size:1.1rem;font-weight:600;color:var(--color-gray-900);margin:0;flex:1}.wip-badge{font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7;white-space:nowrap}.status-badge{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.status-idle{background-color:#e3f2fd;color:#1976d2}.status-uploading{background-color:#fff3e0;color:#f57c00}.status-success{background-color:#e8f5e9;color:#388e3c}.upload-area{min-height:180px;display:flex;align-items:center;justify-content:center}.file-input-label{width:100%;cursor:pointer}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);border:2px dashed var(--color-gray-300);border-radius:var(--radius-md);background-color:var(--color-gray-50);transition:all .2s ease}.upload-placeholder:hover{border-color:var(--color-primary);background-color:var(--color-primary-50, #f0f7ff)}.file-input-label:has(.upload-placeholder):active .upload-placeholder,.file-input-label:has(.upload-placeholder)[data-dragging=true] .upload-placeholder{border-color:var(--color-primary);background-color:var(--color-primary-50, #e8f5e9);border-style:solid}.upload-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.upload-text{font-weight:600;color:var(--color-gray-700);margin-bottom:var(--spacing-xs)}.upload-hint{font-size:.85rem;color:var(--color-gray-500)}.file-input{display:none}.file-selected{width:100%}.file-info{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-gray-50);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.file-icon{font-size:2rem;flex-shrink:0}.file-details{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.file-name{font-weight:500;color:var(--color-gray-900);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:.8rem;color:var(--color-gray-500)}.file-actions{display:flex;gap:var(--spacing-sm)}.btn{padding:8px 16px;border:none;border-radius:var(--radius-md);font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-sm{padding:6px 12px;font-size:.85rem}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark, #1565c0);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-gray-200);color:var(--color-gray-700)}.btn-secondary:hover{background-color:var(--color-gray-300)}.upload-progress{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg)}.spinner{width:32px;height:32px;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.progress-text{font-size:.85rem;color:var(--color-gray-600);font-weight:500;text-align:center}@keyframes spin{to{transform:rotate(360deg)}}.upload-success{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)}.success-icon{width:28px;height:28px;background-color:var(--color-success, #4caf50);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.error-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:#ffebee;border-radius:var(--radius-md);color:#c62828;font-size:.85rem;margin-top:var(--spacing-md)}.error-icon{font-size:1.2rem;flex-shrink:0}.page-info{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border-left:4px solid var(--color-gray-400)}.page-info h3{font-size:1rem;font-weight:600;color:var(--color-gray-900);margin:0 0 var(--spacing-md) 0}.page-info ul{margin:0;padding-left:var(--spacing-xl);color:var(--color-gray-600);font-size:.9rem}.page-info li{margin-bottom:var(--spacing-sm)}.page-info li:last-child{margin-bottom:0}.needs-mapping-indicator{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:#fff9e6;border-radius:var(--radius-md);border:1px solid #ffc107}.mapping-icon{font-size:2rem;flex-shrink:0}.mapping-message{flex:1}.mapping-message strong{display:block;font-size:.95rem;color:var(--color-gray-900);margin-bottom:4px}.mapping-message p{margin:0;font-size:.85rem;color:var(--color-gray-600)}.adviser-mapping-list{margin-bottom:var(--spacing-xl)}.adviser-mapping-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-white);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.adviser-mapping-row:last-of-type{margin-bottom:var(--spacing-lg)}.adviser-info{display:flex;flex-direction:column;gap:4px;flex:1}.adviser-name{font-weight:500;color:var(--color-gray-900);font-size:.9rem}.adviser-count{font-size:.75rem;color:var(--color-gray-500)}.staff-select{padding:6px 12px;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:.85rem;color:var(--color-gray-700);background-color:var(--color-white);cursor:pointer;min-width:200px;font-family:inherit}.staff-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3eb44a1a}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{transform:none}.slideout-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slideout-panel{position:fixed;top:0;right:0;bottom:0;width:600px;max-width:90vw;background-color:var(--color-white);box-shadow:-4px 0 16px #0003;z-index:1001;display:flex;flex-direction:column;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.slideout-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);border-bottom:1px solid var(--color-gray-300);background-color:var(--color-gray-50)}.slideout-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-gray-900)}.slideout-close{background:none;border:none;font-size:1.5rem;color:var(--color-gray-600);cursor:pointer;padding:4px 8px;line-height:1;border-radius:var(--radius-md);transition:background-color .2s ease}.slideout-close:hover{background-color:var(--color-gray-200);color:var(--color-gray-900)}.slideout-content{flex:1;overflow-y:auto;padding:var(--spacing-xl)}.existing-data-info{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:#fff9e6;border-left:4px solid #ffc107;border-radius:var(--radius-md)}.existing-data-info p{margin:0 0 var(--spacing-sm) 0;color:var(--color-gray-700);font-size:.95rem}.existing-data-info p:last-child{margin-bottom:0}.data-count{font-weight:600;color:var(--color-gray-900)}.existing-data-preview{margin-bottom:var(--spacing-xl)}.existing-data-preview h4{font-size:.95rem;font-weight:600;color:var(--color-gray-900);margin:0 0 var(--spacing-md) 0}.data-table-wrapper{overflow-x:auto;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.data-table{width:100%;border-collapse:collapse;font-size:.85rem}.data-table thead{background-color:var(--color-gray-100)}.data-table th{text-align:left;padding:var(--spacing-sm) var(--spacing-md);font-weight:600;color:var(--color-gray-700);border-bottom:2px solid var(--color-gray-300);white-space:nowrap}.data-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-700)}.data-table tbody tr:last-child td{border-bottom:none}.table-note{font-size:.8rem;color:var(--color-gray-500);font-style:italic;margin:0}.slideout-actions{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-300)}.btn-danger{background-color:#dc3545;color:#fff;flex:1}.btn-danger:hover{background-color:#c82333;transform:translateY(-1px)}.slideout-actions .btn-secondary{flex:1}.lender-mapping-item{display:flex;flex-direction:column;gap:var(--spacing-sm)}.new-lender-form{background-color:var(--color-gray-50);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-left:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-700)}.form-input{padding:var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);font-family:inherit;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder{color:var(--color-gray-400)}@media (max-width: 768px){.load-commissions-page{padding:var(--spacing-md)}.page-header h1{font-size:1.5rem}.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.section-title{font-size:1.25rem}.providers-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.slideout-panel{width:100%;max-width:100vw}.slideout-header,.slideout-content{padding:var(--spacing-lg)}.staff-select{min-width:100%}.upload-area{min-height:140px}}.password-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;z-index:1001;overflow:hidden}.password-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50)}.password-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-gray-900)}.password-modal-content{padding:var(--spacing-lg)}.password-modal-content p{margin:0 0 var(--spacing-md) 0;color:var(--color-gray-600);font-size:.95rem}.password-input-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.password-input-group label{font-weight:500;color:var(--color-gray-700)}.password-input-group input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:6px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.password-input-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.password-modal-actions{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--color-gray-200);background:var(--color-gray-50)}.password-modal-actions .btn{flex:1}@media (max-width: 480px){.load-commissions-page{padding:var(--spacing-sm)}.page-header h1{font-size:1.25rem}.page-description{font-size:.875rem}.section-title{font-size:1.1rem}.provider-card{padding:var(--spacing-lg)}.provider-header h3{font-size:1rem}.slideout-header{padding:var(--spacing-md)}.slideout-header h3{font-size:1.1rem}.slideout-content{padding:var(--spacing-md)}.slideout-actions{flex-direction:column}.data-table{font-size:.75rem}.data-table th,.data-table td{padding:var(--spacing-xs) var(--spacing-sm)}}.help-page{max-width:1400px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.help-header{text-align:center;margin-bottom:3rem;position:relative}.back-button{position:absolute;left:0;top:0;padding:.75rem 1.5rem;background:#93c5fd;color:#1e3a8a;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s;font-weight:500}.back-button:hover{background:#60a5fa;transform:translate(-2px)}.help-header h1{font-size:2.5rem;color:#1f2937;margin:0 0 .5rem;font-weight:700}.help-subtitle{font-size:1.125rem;color:#6b7280;margin:0}.help-content{display:flex;flex-direction:column;gap:2rem}.provider-help-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden;transition:all .3s}.provider-help-card:hover{box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;transform:translateY(-2px)}.provider-help-card.wip-card{opacity:.8;border:2px dashed #d1d5db}.provider-help-header{padding:1.5rem;display:flex;align-items:center;gap:1rem;border-bottom:2px solid #f3f4f6}.provider-help-header.mortgage{background:linear-gradient(135deg,#bbf7d0,#86efac);color:#065f46}.provider-help-header.kiwisaver{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#78350f}.provider-help-header.insurance{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e3a8a}.provider-icon{font-size:2.5rem;line-height:1}.provider-help-header h2{margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.provider-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-right:.5rem;margin-top:.25rem}.provider-badge.mortgage{background:#065f4626;color:#065f46}.provider-badge.kiwisaver{background:#78350f26;color:#78350f}.provider-badge.insurance{background:#1e3a8a26;color:#1e3a8a}.provider-badge.wip{background:#fbbf24;color:#78350f}.help-section{padding:1.5rem;border-bottom:1px solid #f3f4f6}.help-section:last-child{border-bottom:none}.help-section h3{margin:0 0 1rem;font-size:1.25rem;color:#1f2937;font-weight:600}.help-section ul{margin:0;padding-left:1.5rem;list-style:none}.help-section ul li{margin-bottom:.75rem;position:relative;padding-left:1.5rem;line-height:1.6;color:#4b5563}.help-section ul li:before{content:"•";position:absolute;left:0;color:#60a5fa;font-weight:700;font-size:1.25rem}.help-section ul li strong{color:#1f2937}.column-mapping{display:flex;flex-direction:column;gap:.75rem}.mapping-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.75rem;background:#f9fafb;border-radius:8px;transition:all .2s}.mapping-row:hover{background:#f3f4f6;transform:translate(4px)}.source-col{font-family:Courier New,monospace;font-weight:600;color:#1f2937;background:#fff;padding:.5rem .75rem;border-radius:6px;border:1px solid #e5e7eb}.arrow{color:#60a5fa;font-size:1.25rem;font-weight:700}.target-col{color:#4b5563;font-size:.9rem;line-height:1.4}.code-mappings{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem}.code-pair{padding:.75rem;background:#f9fafb;border-radius:8px;font-size:.9rem;border:1px solid #e5e7eb;transition:all .2s}.code-pair:hover{background:#f3f4f6;border-color:#60a5fa}.code-pair code{background:#93c5fd;color:#1e3a8a;padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-weight:600;font-size:.85rem}.file-structure{display:flex;flex-direction:column;gap:.5rem}.structure-row{padding:.75rem;background:#f9fafb;border-left:4px solid #60a5fa;border-radius:4px;font-size:.9rem;color:#4b5563}.structure-row strong{color:#1f2937;margin-right:.5rem}.provider-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.provider-item{padding:.75rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e3a8a;border-radius:8px;font-weight:600;text-align:center;box-shadow:0 2px 4px #0000001a}.general-info-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:2rem}.general-info-card h2{margin:0 0 2rem;font-size:1.875rem;color:#1f2937;font-weight:700;text-align:center}.process-steps{display:flex;flex-direction:column;gap:1.5rem}.step{display:flex;gap:1.5rem;align-items:flex-start}.step-number{flex-shrink:0;width:3rem;height:3rem;background:linear-gradient(135deg,#bbf7d0,#86efac);color:#065f46;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;box-shadow:0 4px 6px #86efac4d}.step-content h3{margin:0 0 .5rem;font-size:1.125rem;color:#1f2937;font-weight:600}.step-content p{margin:0;color:#6b7280;line-height:1.6}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.tip-card{display:flex;gap:1rem;padding:1.5rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s}.tip-card:hover{border-color:#60a5fa;box-shadow:0 4px 6px #60a5fa33;transform:translateY(-2px)}.tip-icon{flex-shrink:0;font-size:2rem;line-height:1}.tip-content h3{margin:0 0 .5rem;font-size:1rem;color:#1f2937;font-weight:600}.tip-content p{margin:0;font-size:.875rem;color:#6b7280;line-height:1.5}@media (max-width: 768px){.help-page{padding:1rem}.help-header h1{font-size:2rem}.back-button{position:static;display:block;margin:0 auto 1.5rem;width:fit-content}.mapping-row{grid-template-columns:1fr;gap:.5rem}.arrow{transform:rotate(90deg);text-align:center}.code-mappings,.provider-list,.tips-grid{grid-template-columns:1fr}.process-steps .step{flex-direction:column;gap:1rem}}.commission-reports{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.reports-nav{margin-bottom:var(--spacing-md)}.reports-nav .back-button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);padding:0;display:inline-flex;align-items:center;gap:var(--spacing-xs)}.reports-nav .back-button:hover{text-decoration:underline}.reports-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl)}.filters-section{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:0 1px 3px #0000001a}.preset-btn{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-gray-50);color:var(--color-gray-700);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.filter-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-700)}.filter-input,.filter-select{padding:var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);font-family:inherit;transition:border-color .2s ease}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.btn-clear-filters{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.kpi-card{background:linear-gradient(135deg,var(--color-white) 0%,var(--color-gray-50) 100%);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);box-shadow:0 2px 4px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.kpi-label{font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:500;margin-bottom:var(--spacing-xs)}.kpi-value{font-size:var(--font-size-2xl);color:var(--color-gray-900);font-weight:700}.clawback-card{background:linear-gradient(135deg,#fff5f5,#ffe5e5);border-color:#fca5a5}.clawback-card .kpi-value{color:#dc2626}.chart-card{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:0 1px 3px #0000001a;overflow:hidden;min-width:0}.chart-card h3{font-size:var(--font-size-lg);color:var(--color-gray-900);margin:0 0 var(--spacing-xs) 0;font-weight:600}.data-table-section{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:0 1px 3px #0000001a}.data-table-section h3{font-size:var(--font-size-lg);color:var(--color-gray-900);margin:0 0 var(--spacing-md) 0;font-weight:600}.data-table th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:600;color:var(--color-gray-700);white-space:nowrap}.data-table tbody tr{border-bottom:1px solid var(--color-gray-200);transition:background-color .15s ease}.data-table td.text-right{text-align:right;font-weight:500;color:var(--color-gray-900)}.type-badge{display:inline-block;padding:2px 8px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.type-upfront{background-color:#3b82f61a;color:#1e40af}.type-trail{background-color:#10b9811a;color:#065f46}.type-refix{background-color:#f59e0b1a;color:#92400e}.type-clawback{background-color:#ef44441a;color:#991b1b}.type-unknown{background-color:#6b72801a;color:#374151}.table-note{margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-gray-600);text-align:center}.pagination-btn{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-info{padding:0 var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-gray-700);font-weight:500}@media (max-width: 768px){.commission-reports{padding:var(--spacing-md)}.charts-grid,.kpi-grid,.filters-grid{grid-template-columns:1fr}.table-container{overflow-x:auto}.commission-table{min-width:700px}}@media (max-width: 480px){.commission-reports{padding:var(--spacing-sm)}.page-header h1{font-size:var(--font-size-xl)}.kpi-card{padding:var(--spacing-sm)}.kpi-value{font-size:1.75rem}.kpi-label{font-size:var(--font-size-xs)}.chart-container{height:250px}.commission-table{min-width:600px;font-size:var(--font-size-xs)}.commission-table th,.commission-table td{padding:var(--spacing-xs) var(--spacing-sm)}}.commission-mappings-page{max-width:1400px;margin:0 auto;padding:2rem}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;color:var(--color-gray-900);margin:0 0 .5rem;font-weight:600}.page-description{color:var(--color-gray-600);margin:0;font-size:1rem}.filters-section{display:flex;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.filter-group{flex:1;display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:500;color:var(--color-gray-700);font-size:.875rem}.filter-select{padding:.5rem .75rem;border:1px solid var(--color-gray-300);border-radius:6px;font-size:1rem;background:#fff;cursor:pointer;transition:border-color .2s}.filter-select:hover{border-color:var(--color-primary)}.filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.loading-state{text-align:center;padding:3rem;color:var(--color-gray-500);font-size:1.125rem}.mappings-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.mappings-table{width:100%;border-collapse:collapse}.mappings-table thead{background:var(--color-gray-50);border-bottom:2px solid var(--color-gray-200)}.mappings-table th{padding:1rem;text-align:left;font-weight:600;color:var(--color-gray-700);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.mappings-table td{padding:1rem;border-bottom:1px solid var(--color-gray-200);vertical-align:middle}.mappings-table tbody tr:hover{background:var(--color-gray-50)}.mappings-table tbody tr:last-child td{border-bottom:none}.mappings-table code{background:#f3f4f6;color:#1e3a8a;padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-weight:600;font-size:.875rem}.mappings-table strong{color:var(--color-gray-900);font-weight:600}.no-data{text-align:center;color:var(--color-gray-500);padding:3rem!important}.action-buttons{display:flex;gap:.5rem}.btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-sm{padding:.375rem .75rem;font-size:.813rem}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-primary:disabled{background:var(--color-gray-300);cursor:not-allowed}.btn-secondary{background:var(--color-gray-200);color:var(--color-gray-700)}.btn-secondary:hover{background:var(--color-gray-300)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.edit-select,.edit-input{padding:.375rem .5rem;border:1px solid var(--color-primary);border-radius:4px;font-size:.875rem;width:100%}.edit-select:focus,.edit-input:focus{outline:none;border-color:var(--color-primary-dark);box-shadow:0 0 0 3px #3b82f61a}.mappings-summary{margin-top:1rem;text-align:center;color:var(--color-gray-600);font-size:.875rem}@media (max-width: 768px){.commission-mappings-page{padding:1rem}.filters-section{flex-direction:column}.mappings-table-wrapper{overflow-x:auto}.mappings-table{min-width:600px}.action-buttons{flex-direction:column}}.quarterly-targets-report{animation:fadeIn .5s ease-in;max-width:1400px;margin:0 auto}.report-header{margin-bottom:var(--spacing-lg);position:relative}.report-header .header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg)}.report-header .header-content>div:first-child{flex:1;padding-right:200px}.report-header h1{margin:0;color:var(--color-gray-900);font-size:var(--font-size-2xl)}.report-subtitle{margin:var(--spacing-xs) 0 0 0;color:var(--color-gray-600);font-size:var(--font-size-sm)}.report-filters{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200)}.filter-group label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.5px}.filter-select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-gray-900);background-color:var(--color-white);cursor:pointer;min-width:150px}.filter-select:focus{outline:none;border-color:var(--color-primary)}.adviser-type-filters{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.filter-checkbox-group{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-gray-700);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.filter-checkbox-group:hover{background-color:var(--color-gray-50)}.filter-checkbox-group input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--color-primary)}.error-message{background-color:#f8d7da;border-left:4px solid #dc3545;color:#721c24;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.summary-section{margin-bottom:var(--spacing-xl)}.summary-section h2{margin:0 0 var(--spacing-md) 0;color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.summary-card{background-color:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);transition:all var(--transition-fast)}.summary-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.summary-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-gray-200)}.summary-card-header h3{margin:0;color:var(--color-gray-900);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.metric-type-badge{display:inline-block;padding:2px var(--spacing-xs);background-color:var(--color-gray-100);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase;color:var(--color-gray-600)}.summary-card-body{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.summary-stat{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:var(--font-size-xs);color:var(--color-gray-600);font-weight:var(--font-weight-medium)}.stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.stat-actual{color:var(--color-primary)}.stat-percentage{font-size:var(--font-size-xl)}.stat-success{color:#28a745}.stat-warning{color:#ffc107}.stat-danger{color:#dc3545}.summary-progress{margin-top:var(--spacing-sm)}.progress-bar-container{width:100%;height:6px;background-color:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),#4CAF50);transition:width var(--transition-base);border-radius:var(--radius-full)}.staff-section{margin-bottom:var(--spacing-xl)}.staff-section h2{margin:0 0 var(--spacing-md) 0;color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.no-data{text-align:center;padding:var(--spacing-2xl);background-color:var(--color-gray-50);border-radius:var(--radius-md);border:2px dashed var(--color-gray-300);color:var(--color-gray-600);font-size:var(--font-size-sm)}.staff-table-container{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);overflow-x:auto}.staff-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.staff-table thead{background-color:var(--color-gray-50)}.staff-table th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-gray-700);text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:.5px;border-bottom:2px solid var(--color-gray-200)}.staff-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-gray-200)}.staff-table tbody tr:hover{background-color:var(--color-gray-50)}.staff-table tbody tr:last-child td{border-bottom:none}.name-cell{min-width:180px}.staff-name{font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.staff-fspr{font-size:var(--font-size-xs);color:var(--color-gray-600);margin-top:2px}.status-badge{display:inline-block;padding:2px var(--spacing-xs);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.3px}.status-draft{background-color:#f0f0f0;color:#666}.status-active{background-color:#d4edda;color:#155724}.status-completed{background-color:#cce5ff;color:#004085}.status-none{background-color:#fff3cd;color:#856404}.metrics-cell{max-width:300px}.metrics-list-compact{display:flex;flex-direction:column;gap:var(--spacing-xs)}.metric-item-compact{display:flex;flex-direction:column;gap:2px}.metric-name-compact{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-700)}.metric-values-compact{display:flex;gap:var(--spacing-xs);align-items:center;font-size:var(--font-size-xs)}.value-target{color:var(--color-gray-600)}.value-separator{color:var(--color-gray-400)}.value-actual{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.progress-cell{min-width:150px}.progress-container{display:flex;align-items:center;gap:var(--spacing-sm)}.progress-bar-small{flex:1;height:4px;background-color:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background-color:var(--color-primary);transition:width var(--transition-base)}.progress-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);min-width:35px}.notes-cell{max-width:200px}.notes-preview{font-size:var(--font-size-xs);color:var(--color-gray-700);line-height:1.4}.report-footer{display:flex;justify-content:flex-end;gap:var(--spacing-xl);padding:var(--spacing-md);background-color:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.footer-stat{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.footer-label{font-size:var(--font-size-xs);color:var(--color-gray-600);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.footer-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}@media (max-width: 768px){.report-filters{flex-direction:column}.filter-select{width:100%}.summary-cards,.summary-card-body{grid-template-columns:1fr}.staff-table-container{overflow-x:scroll}.staff-table{min-width:800px}.report-footer{flex-direction:column;gap:var(--spacing-md)}}@media (max-width: 480px){.quarterly-targets-report{padding:var(--spacing-sm)}.report-header h1{font-size:var(--font-size-xl)}.report-subtitle{font-size:var(--font-size-sm)}.summary-card{padding:var(--spacing-sm)}.summary-card h2{font-size:var(--font-size-base)}.summary-value{font-size:1.75rem}.staff-table{min-width:600px;font-size:var(--font-size-xs)}.staff-table th,.staff-table td{padding:var(--spacing-xs) var(--spacing-sm)}.progress-bar{height:6px}.report-footer{padding:var(--spacing-sm)}.btn-export{width:100%}}.my-profile{animation:fadeIn .5s ease-in;max-width:1200px;margin:0 auto}.profile-header{margin-bottom:var(--spacing-md);position:relative}.profile-header .header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.profile-header .header-actions{display:flex;gap:var(--spacing-sm);align-items:center}.profile-header h1{margin:0;color:var(--color-gray-900);font-size:var(--font-size-2xl)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-primary-alpha-10)}.header-badges{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.profile-email-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.success-message,.error-message,.info-message{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.success-message{background-color:#d4edda;border-left:4px solid #28a745;color:#155724}.error-message{background-color:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.info-message{background-color:var(--color-primary-alpha-05);border-left:4px solid var(--color-primary);color:var(--color-gray-700)}.required{color:#dc3545;margin-left:2px}.roles-display{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.role-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.3px}.role-admin{background-color:#dc3545;color:#fff}.role-manager{background-color:#6f42c1;color:#fff}.role-senior{background-color:#007bff;color:#fff}.role-adviser{background-color:#17a2b8;color:#fff}.role-readonly{background-color:#6c757d;color:#fff}.role-none{background-color:#e9ecef;color:#495057}.roles-note{margin:0;color:var(--color-gray-600);font-size:var(--font-size-sm);font-style:italic}.profile-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.profile-section{background-color:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200)}.profile-section h2{margin:0;color:var(--color-gray-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.profile-section>h2{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-primary-alpha-10)}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.5px}.form-group input{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-gray-900);transition:all var(--transition-fast);background-color:var(--color-white)}.form-group input:disabled{background-color:var(--color-gray-100);cursor:not-allowed}.profile-value{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-gray-900);background-color:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid transparent;min-height:32px;display:flex;align-items:center}.profile-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-md);margin-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.btn-primary,.btn-secondary{padding:var(--spacing-xs) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.btn-secondary:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400);transform:translateY(-1px)}.btn-small{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);min-height:32px}.goals-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.goal-content{margin-top:var(--spacing-md)}.goal-edit-row{display:flex;gap:var(--spacing-md);align-items:flex-start}.goal-input{flex:0 0 150px;min-width:0}.goal-actions{display:flex;gap:var(--spacing-sm)}.goal-value{font-size:var(--font-size-lg);padding:var(--spacing-md) 0}.goal-value strong{color:var(--color-primary);font-size:var(--font-size-2xl)}@media (max-width: 968px){.goals-grid{grid-template-columns:1fr}}@media (max-width: 768px){.profile-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.profile-header h1{font-size:var(--font-size-2xl)}.profile-section{padding:var(--spacing-md)}.profile-grid{grid-template-columns:1fr}.profile-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}.goal-edit-row{flex-direction:column}.goal-input{flex:1;width:100%}.goal-actions{width:100%}.goal-actions button{flex:1}}@media (max-width: 480px){.my-profile{padding:0 var(--spacing-xs)}.profile-header h1{font-size:var(--font-size-xl)}.profile-section{padding:var(--spacing-sm)}.profile-section h2{font-size:var(--font-size-lg)}.form-group label{font-size:11px}.form-group input,.profile-value{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.btn-primary,.btn-secondary{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}}.referral-recent-item{padding:var(--spacing-md)}.referral-recent-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.referral-arrow{color:var(--color-gray-400)}.referral-recipient{color:var(--color-gray-700)}.referral-recent-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-gray-600)}.status-badge-mini{padding:2px var(--spacing-xs);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase}.status-badge-mini.status-pending{background-color:#fef3c7;color:#92400e}.status-badge-mini.status-in_progress{background-color:#dbeafe;color:#1e40af}.status-badge-mini.status-converted{background-color:#dcfce7;color:#166534}.status-badge-mini.status-declined{background-color:var(--color-gray-200);color:var(--color-gray-700)}.status-badge-mini.status-lost{background-color:#fee2e2;color:#991b1b}.referrals{animation:fadeIn .5s ease-in}.referrals-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl)}.referrals-header h1{margin:0 0 var(--spacing-xs) 0;color:var(--color-gray-900);font-size:var(--font-size-3xl)}.referrals-subtitle{margin:0;color:var(--color-gray-600);font-size:var(--font-size-base)}.referrals-controls{display:flex;align-items:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.view-toggle{display:flex;background-color:var(--color-gray-100);border-radius:var(--radius-md);padding:4px}.view-toggle-btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;background-color:transparent;color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.view-toggle-btn:hover{color:var(--color-gray-900)}.view-toggle-btn.active{background-color:var(--color-white);color:var(--color-primary);box-shadow:var(--shadow-sm)}.coi-toggle{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-gray-700)}.coi-toggle input{width:18px;height:18px;cursor:pointer}.referrals-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.summary-card{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);text-align:center}.summary-label{font-size:var(--font-size-xs);color:var(--color-gray-600);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.summary-pending{color:#f59e0b}.summary-in-progress{color:#3b82f6}.summary-converted{color:#22c55e}.summary-declined{color:var(--color-gray-500)}.summary-lost{color:#ef4444}.referrals-filters{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.filter-btn{padding:var(--spacing-xs) var(--spacing-md);border:2px solid var(--color-gray-300);background-color:var(--color-white);color:var(--color-gray-700);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.referrals-table-container{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);overflow:hidden}.referrals-table{width:100%;border-collapse:collapse}.referrals-table thead{background-color:var(--color-gray-50);border-bottom:2px solid var(--color-gray-200)}.referrals-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.5px}.referrals-table tbody tr{border-bottom:1px solid var(--color-gray-200);transition:background-color var(--transition-fast)}.referrals-table tbody tr:last-child{border-bottom:none}.referrals-table tbody tr:hover{background-color:var(--color-primary-alpha-05)}.referrals-table tbody tr.coi-row{background-color:#8b5cf608}.referrals-table tbody tr.coi-row:hover{background-color:#8b5cf614}.referrals-table td{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);color:var(--color-gray-900)}.referrals-table td.client-name{font-weight:var(--font-weight-semibold)}.referrals-table td .additional-names{font-size:var(--font-size-xs);color:var(--color-gray-500);font-weight:var(--font-weight-normal);margin-top:2px}.referrals-table td.value-cell{font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.referrals-table td.no-data{text-align:center;padding:var(--spacing-2xl);color:var(--color-gray-500);font-style:italic}.coi-badge{display:inline-block;padding:2px 6px;background-color:#8b5cf61a;color:#7c3aed;border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase;margin-left:var(--spacing-xs);vertical-align:middle}.status-select{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;padding-right:24px}.status-select.status-pending{background-color:#fef3c7;color:#92400e}.status-select.status-in_progress{background-color:#dbeafe;color:#1e40af}.status-select.status-converted{background-color:#dcfce7;color:#166534}.status-select.status-declined{background-color:var(--color-gray-200);color:var(--color-gray-700)}.status-select.status-lost{background-color:#fee2e2;color:#991b1b}.btn-edit{padding:var(--spacing-xs) var(--spacing-sm);background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-edit:hover{background-color:var(--color-primary);color:var(--color-white)}.referrals-cards{display:flex;flex-direction:column;gap:var(--spacing-md)}.referral-card{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);cursor:pointer;transition:all var(--transition-fast)}.referral-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary-alpha-30)}.referral-card.coi-card{border-left:3px solid #8b5cf6;cursor:default}.referral-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.referral-card-client{display:flex;align-items:center;gap:var(--spacing-xs)}.referral-card-client .client-name{font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.referral-card-additional{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-bottom:var(--spacing-xs)}.referral-card-meta{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-xs)}.referral-card-details{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.service-tag{display:inline-block;padding:2px 8px;background-color:var(--color-gray-100);color:var(--color-gray-700);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.value-tag{display:inline-block;padding:2px 8px;background-color:#22c55e1a;color:#166534;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.referral-card-notes{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-gray-200);font-size:var(--font-size-sm);color:var(--color-gray-600);font-style:italic}.desktop-only{display:block}.mobile-only{display:none}@media (max-width: 1024px){.referrals-summary{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.desktop-only{display:none}.mobile-only{display:block}.referrals-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.referrals-header h1{font-size:var(--font-size-2xl)}.referrals-controls{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.view-toggle{width:100%}.view-toggle-btn{flex:1}.referrals-summary{grid-template-columns:repeat(3,1fr)}.btn-primary{width:100%}.filter-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}}@media (max-width: 480px){.referrals-header h1{font-size:var(--font-size-xl)}.referrals-summary{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.summary-card{padding:var(--spacing-sm)}.summary-label{font-size:10px}.summary-value{font-size:var(--font-size-xl)}.filter-btn{flex:1;min-width:60px;font-size:11px;padding:var(--spacing-xs) var(--spacing-xs)}.btn-primary{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.referral-card{padding:var(--spacing-sm)}.referral-card-client .client-name{font-size:var(--font-size-sm)}.referral-card-meta{font-size:var(--font-size-xs)}.status-select{font-size:10px;padding:4px 20px 4px 6px}}.management-dashboard{animation:fadeIn .5s ease-in}.management-header{margin-bottom:var(--spacing-xl)}.management-header h1{margin:0 0 var(--spacing-xs) 0;color:var(--color-gray-900);font-size:var(--font-size-3xl)}.management-subtitle{margin:0;color:var(--color-gray-600);font-size:var(--font-size-lg)}.dashboard-filters{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200)}.filters-row{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center}.date-presets{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.preset-btn{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.preset-btn:hover{background:var(--color-gray-200)}.preset-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.staff-filter{display:flex;align-items:center;gap:var(--spacing-sm)}.staff-filter label{font-size:var(--font-size-sm);color:var(--color-gray-600);white-space:nowrap}.staff-filter select{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-white);min-width:180px}.dashboard-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.kpi-summary-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);border-left:4px solid var(--color-primary);display:flex;align-items:center;gap:var(--spacing-md)}.kpi-summary-card.commission{border-left-color:#10b981}.kpi-summary-card.activity{border-left-color:#3b82f6}.kpi-summary-card.referrals{border-left-color:#f59e0b}.kpi-summary-card.coi{border-left-color:#8b5cf6}.kpi-icon{font-size:2rem;flex-shrink:0}.kpi-content{flex:1;min-width:0}.kpi-label{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-xs)}.kpi-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);line-height:1.2}.kpi-trend{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);margin-left:var(--spacing-sm)}.kpi-trend.positive{color:#10b981}.kpi-trend.negative{color:#ef4444}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-gray-200)}.section-header h2{margin:0;font-size:var(--font-size-xl);color:var(--color-gray-900)}.section-icon{font-size:1.5rem}.dashboard-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200)}.dashboard-card h3{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);color:var(--color-gray-900)}.dashboard-card .card-subtitle{margin:-.5rem 0 var(--spacing-md) 0;font-size:var(--font-size-sm);color:var(--color-gray-500)}.chart-container{height:250px;position:relative}.leaderboard{list-style:none;margin:0;padding:0}.leaderboard-item{display:flex;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-gray-100)}.leaderboard-item:last-child{border-bottom:none}.leaderboard-rank{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);margin-right:var(--spacing-sm);flex-shrink:0}.leaderboard-rank.gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.leaderboard-rank.silver{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.leaderboard-rank.bronze{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.leaderboard-rank.default{background:var(--color-gray-100);color:var(--color-gray-600)}.leaderboard-name{flex:1;font-size:var(--font-size-sm);color:var(--color-gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-left:var(--spacing-sm)}.leaderboard-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:var(--radius-sm);font-size:11px;font-weight:var(--font-weight-semibold);margin-left:var(--spacing-sm)}.leaderboard-badge.met{background:#dcfce7;color:#166534}.leaderboard-badge.missed{background:#fee2e2;color:#991b1b}.mini-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.mini-kpi{text-align:center;padding:var(--spacing-sm);background:var(--color-gray-50);border-radius:var(--radius-md)}.mini-kpi-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.mini-kpi-label{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-top:2px}.mini-kpi.ok .mini-kpi-value{color:#16a34a}.mini-kpi.warning .mini-kpi-value{color:#d97706}.mini-kpi.danger .mini-kpi-value{color:#dc2626}.dual-leaderboard{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.dual-leaderboard-section h4{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:var(--font-weight-semibold)}.urgent-list{list-style:none;margin:0;padding:0;max-height:280px;overflow-y:auto}.urgent-item{display:flex;align-items:center;padding:var(--spacing-sm);margin-bottom:var(--spacing-xs);background:#fee2e2;border-radius:var(--radius-md);border-left:3px solid #ef4444}.urgent-item.due-soon{background:#fef3c7;border-left-color:#f59e0b}.urgent-item-content{flex:1;min-width:0}.urgent-item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.urgent-item-detail{font-size:var(--font-size-xs);color:var(--color-gray-600)}.urgent-item-days{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:#dc2626;white-space:nowrap}.urgent-item.due-soon .urgent-item-days{color:#d97706}.pipeline-status{display:flex;flex-direction:column;gap:var(--spacing-sm)}.pipeline-bar{display:flex;height:24px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-gray-100)}.pipeline-segment{display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--font-weight-semibold);color:#fff;min-width:30px;transition:flex var(--transition-base)}.pipeline-segment.pending{background:#f59e0b}.pipeline-segment.in-progress{background:#3b82f6}.pipeline-segment.converted{background:#22c55e}.pipeline-segment.declined{background:#6b7280}.pipeline-segment.lost{background:#ef4444}.pipeline-legend{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.pipeline-legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-gray-600)}.pipeline-legend-dot{width:10px;height:10px;border-radius:var(--radius-full)}.pipeline-legend-dot.pending{background:#f59e0b}.pipeline-legend-dot.in-progress{background:#3b82f6}.pipeline-legend-dot.converted{background:#22c55e}.pipeline-legend-dot.declined{background:#6b7280}.pipeline-legend-dot.lost{background:#ef4444}.goal-compliance{display:flex;gap:var(--spacing-xl);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.goal-stat{display:flex;align-items:center;gap:var(--spacing-sm)}.goal-stat-icon{font-size:1.5rem}.goal-stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.goal-stat-label{font-size:var(--font-size-xs);color:var(--color-gray-500)}.goal-stat.met .goal-stat-value{color:#16a34a}.goal-stat.missed .goal-stat-value{color:#dc2626}.quick-links-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:2px solid var(--color-gray-200)}.quick-links-section h2{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-xl);color:var(--color-gray-900)}.quick-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-md)}.quick-link-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--color-gray-200)}.quick-link-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.quick-link-icon{font-size:1.5rem}.quick-link-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-800)}.quick-link-card.admin-only{opacity:.8}.quick-link-card.admin-only .quick-link-label:after{content:" (Admin)";font-size:var(--font-size-xs);color:var(--color-gray-500);font-weight:400}.loading-state{display:flex;align-items:center;justify-content:center;padding:var(--spacing-3xl);color:var(--color-gray-500);font-size:var(--font-size-lg)}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--color-gray-500);font-size:var(--font-size-sm)}@media (max-width: 1200px){.dashboard-kpi-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 992px){.dashboard-grid,.dual-leaderboard{grid-template-columns:1fr}}@media (max-width: 768px){.management-header h1{font-size:var(--font-size-2xl)}.management-subtitle{font-size:var(--font-size-base)}.dashboard-kpi-row{grid-template-columns:1fr}.filters-row{flex-direction:column;align-items:stretch}.date-presets{overflow-x:auto;padding-bottom:var(--spacing-xs)}.staff-filter{flex-direction:column;align-items:stretch}.staff-filter select{width:100%}.mini-kpi-grid{grid-template-columns:repeat(3,1fr)}.quick-links-grid{grid-template-columns:repeat(2,1fr)}.goal-compliance{flex-direction:column;gap:var(--spacing-md)}}@media (max-width: 480px){.management-header h1{font-size:var(--font-size-xl)}.quick-links-grid,.mini-kpi-grid{grid-template-columns:1fr}.kpi-summary-card{flex-direction:column;text-align:center}}.staff-management{animation:fadeIn .5s ease-in}.staff-header{margin-bottom:var(--spacing-2xl);position:relative}.staff-header .header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.staff-header .header-actions{display:flex;gap:var(--spacing-sm);align-items:center}.staff-header h1{margin:0;color:var(--color-gray-900);font-size:var(--font-size-3xl)}.error-message{background-color:#fef3c7;border-left:4px solid #f59e0b;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);color:#92400e}.staff-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.summary-success{color:var(--color-primary)}.summary-warning{color:#f59e0b}.summary-info{color:var(--color-secondary)}.summary-muted{color:var(--color-gray-500)}.staff-controls{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);align-items:center;flex-wrap:wrap}.search-box{flex:1;min-width:250px}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-lg);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all var(--transition-fast)}.staff-filters{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.table-section-title{margin:var(--spacing-2xl) 0 var(--spacing-lg) 0;color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.table-section-title:first-of-type{margin-top:0}.staff-table-container{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);overflow:hidden;margin-bottom:var(--spacing-xl)}.staff-table{width:100%;border-collapse:collapse}.staff-table thead{background-color:var(--color-gray-50);border-bottom:2px solid var(--color-gray-200)}.staff-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.5px}.staff-table tbody tr{border-bottom:1px solid var(--color-gray-200);transition:background-color var(--transition-fast)}.staff-table tbody tr:last-child{border-bottom:none}.staff-table tbody tr:hover{background-color:var(--color-primary-alpha-05)}.staff-table td{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);color:var(--color-gray-900);vertical-align:middle}.staff-table td.no-data{text-align:center;padding:var(--spacing-2xl);color:var(--color-gray-500);font-style:italic}.email-cell{font-family:Monaco,Courier New,monospace;font-size:var(--font-size-sm);color:var(--color-gray-700)}.name-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.name-primary{color:var(--color-gray-900);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.name-email{color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal)}.roles-cell{min-width:200px}.roles-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.level-cell{text-align:center}.fspr-cell{font-family:Monaco,Courier New,monospace;font-size:var(--font-size-sm)}.date-cell{color:var(--color-gray-600);font-size:var(--font-size-sm)}.actions-cell{display:flex;gap:var(--spacing-xs)}.status-current{background-color:var(--color-primary-alpha-10);color:var(--color-primary-dark)}.status-former{background-color:var(--color-gray-200);color:var(--color-gray-700)}.status-unknown{background-color:#fef3c7;color:#92400e}.role-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.role-admin{background-color:#fee2e2;color:#991b1b}.role-manager{background-color:#dbeafe;color:#1e40af}.role-senior{background-color:#e0e7ff;color:#4338ca}.role-adviser{background-color:var(--color-primary-alpha-10);color:var(--color-primary-dark)}.role-readonly{background-color:var(--color-gray-200);color:var(--color-gray-700)}.role-none{background-color:#fef3c7;color:#92400e}.level-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.badge-warning{background-color:#fef3c7;color:#92400e}.text-muted{color:var(--color-gray-500);font-style:italic}.btn-action{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-gray-300);background-color:var(--color-white);color:var(--color-gray-700);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-action:hover{background-color:var(--color-gray-50);border-color:var(--color-primary);color:var(--color-primary)}.staff-note{background-color:var(--color-primary-alpha-05);border-left:4px solid var(--color-primary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-top:var(--spacing-xl)}.staff-note p{margin:0;color:var(--color-gray-700);font-size:var(--font-size-sm)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in-out}.modal-content{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:90%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);border-bottom:1px solid var(--color-gray-200)}.modal-header h2{margin:0;color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.modal-close{background:none;border:none;font-size:2rem;color:var(--color-gray-500);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal-close:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.modal-body{padding:var(--spacing-xl);overflow-y:auto;flex:1}.modal-description{margin:0 0 var(--spacing-lg) 0;color:var(--color-gray-600);font-size:var(--font-size-sm)}.form-help{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-gray-600);font-style:italic}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-xl);border-top:1px solid var(--color-gray-200);background-color:var(--color-gray-50)}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 1024px){.staff-summary{grid-template-columns:repeat(3,1fr)}.staff-controls{flex-direction:column;align-items:stretch}.search-box{width:100%}}@media (max-width: 768px){.staff-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.staff-header h1{font-size:var(--font-size-2xl)}.staff-summary{grid-template-columns:repeat(2,1fr)}.staff-table-container{overflow-x:auto}.staff-table{min-width:900px}.btn-primary{width:100%}.summary-card{padding:var(--spacing-md)}.filter-btn{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.staff-table{font-size:var(--font-size-sm)}.staff-table th,.staff-table td{padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width: 480px){.staff-header h1{font-size:var(--font-size-xl)}.staff-summary{grid-template-columns:1fr;gap:var(--spacing-md)}.summary-card{padding:var(--spacing-sm)}.summary-label{font-size:10px}.summary-value{font-size:var(--font-size-2xl)}.filter-btn{flex:1;min-width:70px;font-size:11px;padding:var(--spacing-xs) var(--spacing-sm)}.staff-table{font-size:12px;min-width:800px}.staff-table th,.staff-table td{padding:var(--spacing-xs) var(--spacing-sm)}.role-badge,.status-badge,.level-badge{font-size:10px;padding:2px var(--spacing-xs)}.btn-primary{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.btn-action{font-size:10px;padding:2px var(--spacing-xs)}}.staff-profile-edit{max-width:1200px;margin:0 auto;animation:fadeIn .5s ease-in}.profile-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);gap:var(--spacing-md)}.profile-header h1{margin:0 0 var(--spacing-xs) 0;color:var(--color-gray-900);font-size:var(--font-size-2xl)}.profile-email{margin:0;color:var(--color-gray-600);font-size:var(--font-size-base)}.profile-email strong{font-weight:var(--font-weight-semibold)}.profile-form{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200)}.form-section{padding:var(--spacing-md);border-bottom:1px solid var(--color-gray-200)}.form-section:last-child{border-bottom:none}.section-title{margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-primary-alpha-10);color:var(--color-gray-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.form-error{background-color:#fee2e2;border-left:4px solid #ef4444;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);color:#991b1b}.form-error strong{font-weight:var(--font-weight-semibold)}.form-group{margin-bottom:var(--spacing-md)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:0}.form-row:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.5px}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-10)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.form-checkbox{width:18px;height:18px;cursor:pointer}.checkbox-label span{font-size:var(--font-size-base);color:var(--color-gray-700)}.roles-section{background-color:var(--color-gray-50)}.roles-help{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-lg)}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.role-checkbox-label{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background-color:var(--color-white)}.role-checkbox-label:hover{border-color:var(--color-primary);background-color:var(--color-primary-alpha-05)}.role-checkbox-label input[type=checkbox]:checked{accent-color:var(--color-primary)}.role-info{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.role-name{font-size:var(--font-size-base);color:var(--color-gray-900);font-weight:var(--font-weight-medium)}.role-level{font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.role-description{font-size:var(--font-size-sm);color:var(--color-gray-600);font-style:italic}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-2xl);background-color:var(--color-gray-50);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.btn-primary,.btn-secondary{padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent}@media (max-width: 768px){.profile-header{flex-direction:column;align-items:flex-start}.profile-header h1{font-size:var(--font-size-2xl)}.form-section{padding:var(--spacing-lg)}.form-row,.roles-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse;padding:var(--spacing-lg)}.btn-primary,.btn-secondary{width:100%}}@media (max-width: 480px){.profile-header h1{font-size:var(--font-size-xl)}.section-title{font-size:var(--font-size-lg)}.form-section{padding:var(--spacing-md)}}.roles-management{max-width:1400px;margin:0 auto;animation:fadeIn .5s ease-in}.page-header .header-actions{display:flex;gap:var(--spacing-sm);align-items:center}.page-header h1{margin:0 0 var(--spacing-xs) 0;color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.page-subtitle{margin:0;color:var(--color-gray-600);font-size:var(--font-size-base)}.error-message strong{font-weight:var(--font-weight-semibold)}.table-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.search-input{flex:1;max-width:400px;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all var(--transition-fast)}.loading-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-gray-600);font-size:var(--font-size-lg);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200)}.roles-table-container{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);overflow-x:auto}.roles-table{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.roles-table thead{background-color:var(--color-gray-50);border-bottom:2px solid var(--color-gray-200)}.roles-table th{padding:var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-gray-700);text-transform:uppercase;font-size:var(--font-size-sm);letter-spacing:.5px}.roles-table td{padding:var(--spacing-md);border-bottom:1px solid var(--color-gray-200)}.roles-table tbody tr:hover{background-color:var(--color-gray-50)}.roles-table tbody tr:last-child td{border-bottom:none}.no-data{text-align:center;padding:var(--spacing-2xl)!important;color:var(--color-gray-500);font-style:italic}.level-cell{width:120px}.level-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-primary-alpha-10);color:var(--color-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.description-cell{color:var(--color-gray-600);max-width:400px}.actions-cell{width:180px;white-space:nowrap}.btn-primary,.btn-secondary,.btn-action{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent}.btn-primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background-color:var(--color-white);color:var(--color-gray-700);border-color:var(--color-gray-300)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-action{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-white);color:var(--color-primary);border-color:var(--color-primary);margin-right:var(--spacing-xs)}.btn-action:hover{background-color:var(--color-primary);color:var(--color-white)}.btn-delete{color:#dc3545;border-color:#dc3545}.btn-delete:hover{background-color:#dc3545;color:var(--color-white)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:var(--spacing-md)}.modal-header h2{margin:0;color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.btn-close{background:none;border:none;font-size:28px;line-height:1;color:var(--color-gray-500);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal-error{background-color:#fee2e2;border-left:4px solid #ef4444;padding:var(--spacing-md);margin:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);color:#991b1b}.modal-error strong{font-weight:var(--font-weight-semibold)}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700)}.form-input,.form-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all var(--transition-fast);font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-10)}.form-textarea{resize:vertical;min-height:80px}.field-help{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-gray-600);font-style:italic}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:2px solid var(--color-gray-200);background-color:var(--color-gray-50);border-radius:0 0 var(--radius-lg) var(--radius-lg)}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start}.table-controls{flex-direction:column;align-items:stretch}.search-input{max-width:none}.roles-table-container{overflow-x:scroll}.roles-table{min-width:600px}.modal-content{max-width:100%}}@media (max-width: 480px){.page-header h1{font-size:var(--font-size-xl)}.modal-header h2{font-size:var(--font-size-lg)}}.knowledgebase-page{max-width:1400px;margin:0 auto;animation:fadeIn .5s ease-in}.kb-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}.kb-header h1{margin:0;color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.kb-search{flex:1;max-width:400px;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all var(--transition-fast)}.kb-search:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-10)}.kb-layout{display:grid;grid-template-columns:300px 1fr;gap:var(--spacing-lg);min-height:600px}.kb-sidebar{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);padding:var(--spacing-md);overflow-y:auto;max-height:calc(100vh - 200px)}.folder-tree{display:flex;flex-direction:column;gap:var(--spacing-xs)}.folder-item{display:flex;flex-direction:column}.folder-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.folder-header:hover{background-color:var(--color-gray-50)}.folder-icon{font-size:18px;flex-shrink:0}.folder-name{font-weight:var(--font-weight-semibold);color:var(--color-gray-900);flex:1}.folder-count{font-size:var(--font-size-xs);color:var(--color-gray-500)}.folder-contents{display:flex;flex-direction:column;gap:2px;margin-top:var(--spacing-xs)}.page-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.page-item:hover{background-color:var(--color-gray-50)}.page-item.active{background-color:var(--color-primary-alpha-10);color:var(--color-primary)}.page-icon{font-size:16px;flex-shrink:0}.page-title{font-size:var(--font-size-sm);color:var(--color-gray-700)}.page-item.active .page-title{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.no-content{text-align:center;padding:var(--spacing-lg);color:var(--color-gray-500);font-style:italic}.kb-content{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);padding:var(--spacing-2xl)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-gray-200)}.page-header h2{margin:0;color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.btn-export{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.btn-export:hover{background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.page-content{color:var(--color-gray-700);line-height:1.8;font-size:var(--font-size-base)}.page-content h1,.page-content h2,.page-content h3,.page-content h4,.page-content h5,.page-content h6{color:var(--color-gray-900);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);font-weight:var(--font-weight-semibold)}.page-content h1{font-size:var(--font-size-2xl);border-bottom:2px solid var(--color-gray-200);padding-bottom:var(--spacing-sm)}.page-content h2{font-size:var(--font-size-xl)}.page-content h3{font-size:var(--font-size-lg)}.page-content p{margin-bottom:var(--spacing-md)}.page-content ul,.page-content ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}.page-content li{margin-bottom:var(--spacing-xs)}.page-content a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid var(--color-primary-alpha-10);transition:all var(--transition-fast)}.page-content a:hover{border-bottom-color:var(--color-primary)}.page-content code{background-color:var(--color-gray-100);padding:2px 6px;border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:.9em}.page-content pre{background-color:var(--color-gray-100);padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--spacing-md)}.page-content pre code{background:none;padding:0}.page-content blockquote{border-left:4px solid var(--color-primary);padding-left:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--color-gray-600);font-style:italic}.no-selection{text-align:center;padding:var(--spacing-2xl);color:var(--color-gray-600)}.no-selection h2{margin:0 0 var(--spacing-md) 0;color:var(--color-gray-800)}.no-selection p{margin:0;color:var(--color-gray-600)}@media (max-width: 768px){.kb-layout{grid-template-columns:1fr}.kb-sidebar{max-height:400px}.kb-header{flex-direction:column;align-items:stretch}.kb-search{max-width:none}.page-header{flex-direction:column;gap:var(--spacing-md)}.btn-export{width:100%}}@media (max-width: 480px){.knowledgebase-page{padding:0 var(--spacing-sm)}.kb-header h1{font-size:var(--font-size-xl)}.kb-sidebar{padding:var(--spacing-sm);max-height:300px}.kb-content{padding:var(--spacing-md)}.page-header h2{font-size:var(--font-size-lg)}.folder-header,.page-item{padding:var(--spacing-xs)}.folder-icon{font-size:16px}.page-icon{font-size:14px}.page-content{font-size:var(--font-size-sm)}.page-content h1{font-size:var(--font-size-xl)}.page-content h2{font-size:var(--font-size-lg)}.page-content h3{font-size:var(--font-size-base)}}/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.kb-management{max-width:1400px;margin:0 auto;animation:fadeIn .5s ease-in}.page-header{margin-bottom:var(--spacing-lg);position:relative}.page-header h1{margin:0;color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.page-subtitle{margin:var(--spacing-xs) 0 0 0;color:var(--color-gray-600);font-size:var(--font-size-sm)}.header-actions{display:flex;gap:var(--spacing-sm);align-items:center}.help-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #667eea33;white-space:nowrap}.kb-management-actions{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.error-message{background-color:#fee2e2;border-left:4px solid #ef4444;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);color:#991b1b}.kb-tree{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);padding:var(--spacing-lg);min-height:400px}.tree-folder,.tree-page{margin:2px 0}.tree-folder-header,.tree-page{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.tree-folder-header:hover,.tree-page:hover{background-color:var(--color-gray-50)}.tree-toggle{cursor:pointer;font-size:12px;width:20px;text-align:center;-webkit-user-select:none;user-select:none;color:var(--color-gray-600)}.tree-icon{font-size:18px;flex-shrink:0}.tree-name{flex:1;font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.tree-actions{display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity var(--transition-fast)}.tree-folder-header:hover .tree-actions,.tree-page:hover .tree-actions{opacity:1}.btn-tree-action{background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);font-size:14px;transition:all var(--transition-fast)}.btn-tree-action:hover{background-color:var(--color-gray-200)}.btn-tree-action.btn-delete:hover{background-color:#fee2e2}.tree-folder-contents{margin-left:0}.tree-root-pages{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:2px solid var(--color-gray-200)}.tree-root-pages h3{margin:0 0 var(--spacing-md) 0;color:var(--color-gray-700);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.badge-draft{display:inline-block;padding:2px 8px;background-color:#fef3c7;color:#92400e;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.role-pills{display:inline-flex;gap:4px;margin-left:var(--spacing-xs)}.role-pill{display:inline-block;padding:2px 8px;background-color:#dbeafe;color:#1e40af;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.role-pill-all{background-color:#f3f4f6;color:#6b7280}.no-content{text-align:center;padding:var(--spacing-2xl);color:var(--color-gray-600);font-style:italic}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.modal-content{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-content.modal-large{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:2px solid var(--color-gray-200)}.modal-header h2{margin:0;color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.btn-close{background:none;border:none;font-size:32px;line-height:1;cursor:pointer;color:var(--color-gray-500);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn-close:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.modal-error{background-color:#fee2e2;border-left:4px solid #ef4444;padding:var(--spacing-md);margin:var(--spacing-lg);border-radius:var(--radius-md);color:#991b1b}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:2px solid var(--color-gray-200)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-xs);color:var(--color-gray-700);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:inherit;transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-10)}.form-textarea{resize:vertical;font-family:Courier New,monospace;font-size:var(--font-size-sm)}.required{color:#ef4444}.field-help{display:block;margin-top:var(--spacing-xs);color:var(--color-gray-500);font-size:var(--font-size-xs)}.form-group .quill{background-color:var(--color-white);border-radius:var(--radius-md)}.form-group .ql-container{font-size:var(--font-size-base);font-family:inherit;min-height:300px;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.form-group .ql-toolbar{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);background-color:var(--color-gray-50);border-color:var(--color-gray-300)}.form-group .ql-editor{min-height:300px}.form-group .ql-editor.ql-blank:before{color:var(--color-gray-400);font-style:italic}.role-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-gray-50);border-radius:var(--radius-md);border:2px solid var(--color-gray-200)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.checkbox-label:hover{background-color:var(--color-gray-100)}.checkbox-label input[type=checkbox]{cursor:pointer}.btn-primary,.btn-secondary{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-white);color:var(--color-gray-700);border:2px solid var(--color-gray-300)}@media (max-width: 768px){.page-header{flex-direction:column;align-items:stretch}.header-actions,.kb-management-actions{flex-direction:column}.form-row,.role-checkboxes{grid-template-columns:1fr}.tree-actions{opacity:1}}.activity-tracking{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.reports-header{margin-bottom:var(--spacing-xl);position:relative}.reports-header .header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg)}.reports-header .header-content>div:first-child{flex:1;padding-right:200px}.reports-header h1{font-size:var(--font-size-3xl);color:var(--color-gray-900);margin:0 0 var(--spacing-xs) 0}.reports-subtitle{font-size:var(--font-size-base);color:var(--color-gray-600);margin:0}.filters-section{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-md)}.date-presets{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200)}.preset-btn{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-gray-50);color:var(--color-gray-700);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.preset-btn:hover{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);transform:translateY(-1px)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.filter-input,.filter-select{padding:var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:var(--font-size-base);font-family:inherit;transition:border-color var(--transition-base)}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-10)}.filter-actions{justify-content:flex-end;align-items:flex-end}.btn-clear-filters{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.btn-clear-filters:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.kpi-card{background:linear-gradient(135deg,var(--color-white) 0%,var(--color-gray-50) 100%);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base)}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.kpi-icon{font-size:2.5rem;line-height:1}.kpi-content{flex:1}.kpi-label{font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.kpi-value{font-size:var(--font-size-2xl);color:var(--color-gray-900);font-weight:var(--font-weight-bold)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,500px),1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.chart-card{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);overflow:hidden;min-width:0}.chart-full-width{grid-column:1 / -1}.chart-card h3{font-size:var(--font-size-lg);color:var(--color-gray-900);margin:0 0 var(--spacing-xs) 0;font-weight:var(--font-weight-semibold)}.chart-subtitle{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0 0 var(--spacing-md) 0;font-style:italic}.chart-container{height:350px;position:relative}.data-table-section{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.data-table-section h3{font-size:var(--font-size-lg);color:var(--color-gray-900);margin:0 0 var(--spacing-md) 0;font-weight:var(--font-weight-semibold)}.table-wrapper{overflow-x:auto;margin-top:var(--spacing-md)}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.data-table thead{background-color:var(--color-gray-50);border-bottom:2px solid var(--color-gray-300)}.data-table th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-gray-700);white-space:nowrap}.data-table th.text-right{text-align:right}.data-table tbody tr{border-bottom:1px solid var(--color-gray-200);transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background-color:var(--color-gray-50)}.data-table td{padding:var(--spacing-sm) var(--spacing-md);color:var(--color-gray-700)}.data-table td.text-right{text-align:right;font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.activity-type-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-primary-alpha-10);color:var(--color-primary-dark);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200)}.pagination-btn{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.pagination-btn:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-gray-100);color:var(--color-gray-400)}.pagination-info{padding:0 var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-gray-700);font-weight:var(--font-weight-medium)}@media (max-width: 768px){.activity-tracking{padding:var(--spacing-md)}.charts-grid,.kpi-grid,.filters-grid{grid-template-columns:1fr}.chart-container{height:300px}}@media (max-width: 480px){.activity-tracking{padding:var(--spacing-sm)}.reports-header h1{font-size:var(--font-size-xl)}.reports-header .header-content>div:first-child{padding-right:0}.reports-header .header-content{flex-direction:column}.help-button{position:static;width:100%;margin-top:var(--spacing-md)}.kpi-card{padding:var(--spacing-sm)}.kpi-value{font-size:1.75rem}.kpi-label{font-size:var(--font-size-xs)}.chart-container{height:250px}.data-table{font-size:var(--font-size-xs)}.data-table th,.data-table td{padding:var(--spacing-xs) var(--spacing-sm)}.description-cell{max-width:150px}}.activity-types-management{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.page-header{margin-bottom:var(--spacing-xl);position:relative}.page-header .header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg)}.page-header .header-content>div:first-child{flex:1;padding-right:200px}.page-header h1{font-size:var(--font-size-3xl);color:var(--color-gray-900);margin:0 0 var(--spacing-xs) 0}.page-subtitle{font-size:var(--font-size-base);color:var(--color-gray-600);margin:0}.help-button{position:absolute;right:0;top:0;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #667eea33;white-space:nowrap}.help-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #667eea4d}.help-button:active{transform:translateY(0)}.error-banner{background-color:#fee2e2;border:1px solid #fca5a5;color:#991b1b;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.management-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.search-bar{flex:1;max-width:400px}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color var(--transition-base)}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-10)}.table-container{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.management-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.management-table thead{background-color:var(--color-gray-50);border-bottom:2px solid var(--color-gray-300)}.management-table th{padding:var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-gray-700);white-space:nowrap}.management-table tbody tr{border-bottom:1px solid var(--color-gray-200);transition:background-color var(--transition-fast)}.management-table tbody tr:hover{background-color:var(--color-gray-50)}.management-table td{padding:var(--spacing-md);color:var(--color-gray-700)}.name-cell strong{color:var(--color-gray-900);font-weight:var(--font-weight-semibold)}.description-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.points-cell{text-align:center}.points-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-primary-alpha-10);color:var(--color-primary-dark);border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs)}.roles-cell{font-size:var(--font-size-xs);color:var(--color-gray-600)}.status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.status-active{background-color:#10b9811a;color:#065f46}.status-inactive{background-color:#6b72801a;color:#374151}.actions-cell{white-space:nowrap}.btn-action{padding:var(--spacing-xs) var(--spacing-sm);margin-right:var(--spacing-xs);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);background-color:var(--color-white);color:var(--color-gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-action:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.btn-edit:hover{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-delete{color:#dc2626}.btn-delete:hover{background-color:#fee2e2;border-color:#fca5a5;color:#991b1b}.no-results{text-align:center;padding:var(--spacing-2xl);color:var(--color-gray-500);font-style:italic}.loading-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-gray-600);font-size:var(--font-size-lg)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;z-index:1000}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200)}.modal-header h2{margin:0;font-size:var(--font-size-xl);color:var(--color-gray-900)}.modal-close{background:none;border:none;font-size:2rem;color:var(--color-gray-500);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.modal-close:hover{background-color:var(--color-gray-100);color:var(--color-gray-700)}.modal-body{padding:var(--spacing-lg)}.modal-form .form-group{margin-bottom:var(--spacing-lg)}.modal-form label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-700);font-size:var(--font-size-sm)}.modal-form input[type=text],.modal-form input[type=number],.modal-form textarea,.modal-form select{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:var(--font-size-base);font-family:inherit;transition:border-color var(--transition-base)}.modal-form input:focus,.modal-form textarea:focus,.modal-form select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-10)}.modal-form textarea{resize:vertical}.required{color:#dc2626}.form-help{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-gray-600)}.checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--color-gray-50);border-radius:var(--radius-sm);border:1px solid var(--color-gray-200)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer}.error-message{background-color:#fee2e2;border:1px solid #fca5a5;color:#991b1b;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--color-gray-200);background-color:var(--color-gray-50)}.btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);border:none}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.activity-types-management{padding:var(--spacing-md)}.management-controls{flex-direction:column;align-items:stretch}.search-bar{max-width:none}.table-container{overflow-x:auto}.management-table{min-width:800px}.modal{width:95%}}.custom-frequency{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.custom-frequency input{width:80px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);text-align:center}.custom-frequency input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-20)}.custom-frequency span{color:var(--color-gray-600);font-size:var(--font-size-sm)}.checkbox-group{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.coi-context{background-color:var(--color-primary-alpha-10);border:1px solid var(--color-primary-alpha-20);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);text-align:center}.coi-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.coi-company{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-top:var(--spacing-xs)}.recent-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:2px solid var(--color-gray-200)}.recent-section h3{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);color:var(--color-gray-900);font-weight:var(--font-weight-semibold)}.no-data{text-align:center;padding:var(--spacing-xl);color:var(--color-gray-500);font-style:italic;margin:0}.recent-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.recent-item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md)}.recent-item-info{flex:1;min-width:0}.recent-item-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.recent-date{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.recent-type-badge{display:inline-block;padding:2px var(--spacing-xs);background-color:var(--color-primary-alpha-10);color:var(--color-primary-dark);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.recent-notes{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.4}.btn-delete-item{background:none;border:none;color:var(--color-gray-400);font-size:var(--font-size-xl);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.btn-delete-item:hover{background-color:#fee2e2;color:#991b1b}.direction-toggle{display:flex;gap:0;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);overflow:hidden}.direction-btn{flex:1;padding:var(--spacing-md);border:none;background-color:var(--color-white);color:var(--color-gray-700);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.direction-btn:first-child{border-right:1px solid var(--color-gray-300)}.direction-btn:hover:not(.active){background-color:var(--color-gray-50)}.direction-btn.active{background-color:var(--color-primary);color:var(--color-white)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.status-help-btn{width:18px;height:18px;border-radius:50%;background-color:var(--color-gray-200);color:var(--color-gray-600);border:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);cursor:pointer;margin-left:var(--spacing-xs);vertical-align:middle;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;line-height:1}.status-help-btn:hover{background-color:var(--color-primary);color:var(--color-white)}.status-help-box{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-sm);font-size:var(--font-size-sm)}.status-help-item{margin-bottom:var(--spacing-xs);color:var(--color-gray-700)}.status-help-item:last-child{margin-bottom:0}.status-help-item strong{color:var(--color-gray-900)}.referral-item{padding:var(--spacing-md)}.referral-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.referral-client{font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.referral-direction{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px var(--spacing-sm);border-radius:var(--radius-full)}.direction-from{background-color:#f3e8ff;color:#7c3aed}.direction-to{background-color:#fce7f3;color:#be185d}.referral-meta{display:flex;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-gray-600);margin-bottom:var(--spacing-sm)}.referral-value{font-weight:var(--font-weight-semibold);color:var(--color-gray-700)}.referral-status-row{margin-bottom:var(--spacing-xs)}.status-select{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast)}.status-select.status-pending{background-color:#fef3c7;color:#92400e;border-color:#fcd34d}.status-select.status-in-progress{background-color:#dbeafe;color:#1e40af;border-color:#93c5fd}.status-select.status-converted{background-color:#dcfce7;color:#166534;border-color:#86efac}.status-select.status-declined{background-color:var(--color-gray-200);color:var(--color-gray-700);border-color:var(--color-gray-300)}.status-select.status-lost{background-color:#fee2e2;color:#991b1b;border-color:#fca5a5}.referral-notes{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.4;margin-top:var(--spacing-xs)}@media (max-width: 480px){.form-row{grid-template-columns:1fr}}.coi{animation:fadeIn .5s ease-in}.coi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl)}.coi-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.coi-header h1{margin:0;color:var(--color-gray-900);font-size:var(--font-size-3xl)}.help-link{width:24px;height:24px;border-radius:50%;background-color:var(--color-gray-200);color:var(--color-gray-600);border:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;line-height:1}.help-link:hover{background-color:var(--color-primary);color:var(--color-white)}.coi-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.summary-card{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);text-align:center}.summary-label{font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.summary-ok{color:var(--color-primary)}.summary-due-soon{color:#f59e0b}.summary-overdue{color:#ef4444}.coi-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);align-items:center}.filter-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.filter-btn{padding:var(--spacing-sm) var(--spacing-lg);border:2px solid var(--color-gray-300);background-color:var(--color-white);color:var(--color-gray-700);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.filter-btn.filter-ok.active{background-color:var(--color-primary);border-color:var(--color-primary)}.filter-btn.filter-due-soon.active{background-color:#f59e0b;border-color:#f59e0b}.filter-btn.filter-overdue.active{background-color:#ef4444;border-color:#ef4444}.filter-controls{display:flex;gap:var(--spacing-md);flex-wrap:wrap;flex:1;justify-content:flex-end}.filter-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-gray-700);background-color:var(--color-white);min-width:160px}.filter-search{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);min-width:200px}.filter-search:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-20)}.coi-table-container{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);overflow:hidden}.coi-table{width:100%;border-collapse:collapse}.coi-table thead{background-color:var(--color-gray-50);border-bottom:2px solid var(--color-gray-200)}.coi-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.coi-table tbody tr{border-bottom:1px solid var(--color-gray-200);transition:background-color var(--transition-fast)}.coi-table tbody tr:last-child{border-bottom:none}.coi-table tbody tr:hover{background-color:var(--color-primary-alpha-05)}.coi-table td{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);color:var(--color-gray-900);vertical-align:middle}.coi-table td.no-data{text-align:center;padding:var(--spacing-2xl);color:var(--color-gray-500);font-style:italic}.name-cell{font-weight:var(--font-weight-semibold)}.name-link{background:none;border:none;color:var(--color-primary);font-weight:var(--font-weight-semibold);cursor:pointer;padding:0;font-size:inherit;text-decoration:none}.name-link:hover{text-decoration:underline}.date-link{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:0;font-size:inherit;text-decoration:none}.date-link:hover{text-decoration:underline}.last-catchup-info{font-size:var(--font-size-sm);color:var(--color-gray-600)}.profession-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-gray-700)}.status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.status-ok{background-color:#dcfce7;color:#166534}.status-due_soon{background-color:#fef3c7;color:#92400e}.status-overdue{background-color:#fee2e2;color:#991b1b}.status-detail{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-top:var(--spacing-xs)}.referrals-cell{white-space:nowrap}.referrals-link{background:none;border:none;cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);color:var(--color-gray-900)}.referrals-link:hover{background-color:var(--color-primary-alpha-10);color:var(--color-primary)}.referral-count{font-weight:var(--font-weight-semibold)}.referral-separator{color:var(--color-gray-400);margin:0 var(--spacing-xs)}.referral-info-link{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:0;font-size:var(--font-size-sm);text-decoration:none}.referral-info-link:hover{text-decoration:underline}.actions-cell{white-space:normal}.actions-cell-wrapper{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.action-btn{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;border:1px solid transparent;white-space:nowrap}.action-call{background-color:#dcfce7;color:#166534;border-color:#166534}.action-call:hover{background-color:#166534;color:#fff}.action-email{background-color:#dbeafe;color:#1e40af;border-color:#1e40af}.action-email:hover{background-color:#1e40af;color:#fff}.action-catchup{background-color:var(--color-primary-alpha-10);color:var(--color-primary-dark);border-color:var(--color-primary)}.action-catchup:hover{background-color:var(--color-primary);color:#fff}.action-referral-from{background-color:#f3e8ff;color:#7c3aed;border-color:#7c3aed}.action-referral-from:hover{background-color:#7c3aed;color:#fff}.action-referral-to{background-color:#fce7f3;color:#be185d;border-color:#be185d}.action-referral-to:hover{background-color:#be185d;color:#fff}.action-referral{background-color:#f3e8ff;color:#7c3aed;border-color:#7c3aed}.action-referral:hover{background-color:#7c3aed;color:#fff}.btn-primary{padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent;background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.loading-state{text-align:center;padding:var(--spacing-3xl);color:var(--color-gray-500);font-size:var(--font-size-lg)}.error-message{background-color:#fee2e2;border:1px solid #ef4444;color:#991b1b;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl)}.coi-cards{display:none}.coi-card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);margin-bottom:var(--spacing-md);overflow:hidden}.coi-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.coi-card-body{padding:var(--spacing-md) var(--spacing-lg)}.coi-card-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.coi-card-info .company{font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.coi-card-info .profession{font-size:var(--font-size-sm);color:var(--color-gray-600)}.coi-card-info .due-info,.coi-card-info .referral-info{font-size:var(--font-size-sm);color:var(--color-gray-500)}.coi-card-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-gray-200);background-color:var(--color-gray-50)}.coi-card-actions .action-btn{flex:1;min-width:60px;text-align:center;margin-right:0}.no-data-card{text-align:center;padding:var(--spacing-2xl);color:var(--color-gray-500);font-style:italic;background-color:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}@media (max-width: 1024px){.coi-summary{grid-template-columns:repeat(4,1fr)}.filter-controls{width:100%;justify-content:flex-start}}@media (max-width: 768px){.coi-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.coi-header h1{font-size:var(--font-size-2xl)}.coi-summary{grid-template-columns:repeat(2,1fr)}.coi-table-container{display:none}.coi-cards{display:block}.btn-primary{width:100%}.summary-card{padding:var(--spacing-md)}.filter-buttons{width:100%}.filter-btn{flex:1;text-align:center;padding:var(--spacing-sm) var(--spacing-md)}.filter-select,.filter-search{width:100%;min-width:unset}}@media (max-width: 480px){.coi-header h1{font-size:var(--font-size-xl)}.coi-summary{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.summary-card{padding:var(--spacing-sm)}.summary-label{font-size:10px}.summary-value{font-size:var(--font-size-2xl)}.filter-btn{font-size:11px;padding:var(--spacing-xs) var(--spacing-sm)}.btn-primary{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.coi-card-actions .action-btn{font-size:10px;padding:var(--spacing-xs)}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);padding:20px}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:420px;width:100%;padding:40px}.login-header{text-align:center;margin-bottom:32px}.login-header h1{font-size:28px;font-weight:700;color:#1a202c;margin:0 0 8px}.login-header p{color:#718096;font-size:14px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#2d3748}.form-group input{padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-10)}.form-group input:disabled{background-color:#f7fafc;cursor:not-allowed}.login-button{padding:12px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:8px}.login-button:hover:not(:disabled){background:var(--color-primary-light);transform:translateY(-1px);box-shadow:0 4px 12px var(--color-primary-alpha-50)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.alert{padding:12px 16px;border-radius:8px;font-size:14px;line-height:1.5}.alert-error{background-color:#fed7d7;color:#9b2c2c;border:1px solid #fc8181}.alert-success{background-color:#c6f6d5;color:#22543d;border:1px solid #68d391}.login-footer{margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.help-text{text-align:center;font-size:13px;color:#718096;margin:0}.forgot-password-link{text-align:center;margin-top:12px}.forgot-password-link button{background:none;color:var(--color-primary-dark);padding:0;font-size:14px;font-weight:500;text-decoration:underline;transition:color .2s}.forgot-password-link button:hover{color:var(--color-primary);background:none;transform:none;box-shadow:none}.back-to-login{text-align:center;margin-top:16px}.back-to-login button{background:none;color:var(--color-gray-600);padding:0;font-size:14px;font-weight:400;transition:color .2s}.back-to-login button:hover{color:var(--color-primary-dark);background:none;transform:none;box-shadow:none}@media (max-width: 768px){.login-container{padding:16px}.login-card{padding:32px 24px;max-width:100%}.login-header h1{font-size:24px}}@media (max-width: 480px){.login-container{padding:12px}.login-card{padding:24px 20px;border-radius:8px}.login-header{margin-bottom:24px}.login-header h1{font-size:22px}.login-header p{font-size:13px}.form-group input{padding:10px 14px;font-size:16px}.login-button{padding:12px 20px;font-size:16px}}:root{--color-primary: #3eb44a;--color-primary-light: #5dc268;--color-primary-lighter: #7dd086;--color-primary-dark: #002e01;--color-secondary: #004b1c;--color-secondary-light: #006624;--color-secondary-dark: #003614;--color-primary-alpha-90: rgba(62, 180, 74, .9);--color-primary-alpha-80: rgba(62, 180, 74, .8);--color-primary-alpha-70: rgba(62, 180, 74, .7);--color-primary-alpha-50: rgba(62, 180, 74, .5);--color-primary-alpha-30: rgba(62, 180, 74, .3);--color-primary-alpha-10: rgba(62, 180, 74, .1);--color-primary-alpha-05: rgba(62, 180, 74, .05);--color-white: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #404040;--color-gray-800: #2d2d2d;--color-gray-900: #1a1a1a;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "Courier New", Courier, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--header-height: 4rem;--sidebar-width: 16rem;--max-content-width: 1400px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:1.6;color:var(--color-gray-800);background-color:var(--color-gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:1.3;color:var(--color-gray-900);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary-dark);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}button{font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background-color:var(--color-primary);color:var(--color-white)}button:hover{background-color:var(--color-primary-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}input,textarea,select{font-family:var(--font-family-sans);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:var(--color-white);transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-10)}.container{width:100%;max-width:var(--max-content-width);margin:0 auto;padding:0 var(--spacing-lg)}.card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl);transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg)}.glass{background-color:var(--color-primary-alpha-10);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-primary-alpha-30)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-primary-alpha-30);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-alpha-50)}@media (max-width: 768px){:root{--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 2.5rem;--font-size-3xl: 1.5rem;--font-size-4xl: 1.75rem}body{font-size:14px}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}.container{padding:0 var(--spacing-md)}.card{padding:var(--spacing-md)}}@media (max-width: 480px){:root{--spacing-lg: 1rem;--spacing-xl: 1.25rem;--spacing-2xl: 1.5rem}.container{padding:0 var(--spacing-sm)}}.dashboard-section{animation:fadeIn .5s ease-in}.dashboard-section h1{margin-bottom:var(--spacing-2xl);color:var(--color-gray-900)}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-lg)}.menu-card{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-base);border:2px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);min-height:120px;position:relative}.menu-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-primary);background-color:var(--color-primary-alpha-05)}.menu-card h3{margin:0;color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);text-align:center}.role-pill{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-primary);color:var(--color-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.dashboard-section{padding:0 var(--spacing-md)}.dashboard-section h1{margin-bottom:var(--spacing-lg);font-size:var(--font-size-2xl)}.menu-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.menu-card{padding:var(--spacing-lg);min-height:90px;gap:var(--spacing-sm)}.menu-card h3{font-size:var(--font-size-xl)}.role-pill{font-size:11px;padding:4px var(--spacing-sm)}.menu-card:hover{transform:translateY(-2px)}}@media (max-width: 480px){.dashboard-section{padding:0 var(--spacing-sm)}.dashboard-section h1{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.menu-grid{gap:var(--spacing-sm)}.menu-card{padding:var(--spacing-md);min-height:80px}.menu-card h3{font-size:var(--font-size-lg)}.role-pill{font-size:10px;padding:3px var(--spacing-xs)}}