:root{--border-radius: 10px;--border-radius-sm: 7px;--border-radius-lg: 14px;--transition: all .15s ease;--font-ui: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "Cascadia Mono", "SFMono-Regular", Consolas, monospace;--font-micro: var(--font-ui);--micro-weight: 600;--micro-weight-strong: 650;--micro-track: .05em;--micro-track-wide: .08em;--micro-track-xwide: .1em}.mono-labels{--font-micro: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--micro-weight: 500;--micro-weight-strong: 600;--micro-track: .07em;--micro-track-wide: .12em;--micro-track-xwide: .14em}:root,.light-theme{--primary-color: #1273ae;--primary-dark: #0b4e78;--primary-hover: #0e5e90;--primary-light: #e2edf7;--secondary-color: #565c64;--success-color: #4e7a15;--success-light: #eef5e3;--warning-color: #9a6c00;--warning-light: #f9f1dc;--danger-color: #c22528;--danger-light: #fbeaea;--info-color: #1273ae;--info-light: #e2edf7;--bg-primary: #ffffff;--bg-secondary: #f1f1ee;--bg-tertiary: #e6e6e1;--text-primary: #1a1d21;--text-secondary: #4c525a;--text-muted: #6b727b;--border-color: #d9d9d3;--accent-violet: #7b54ae;--accent-violet-light: #f1ecf7;--btn-ink-bg: #1e2226;--btn-ink-hover: #2f343a;--btn-ink-fg: #f5f6f7;--shadow-sm: 0 1px 2px rgba(21, 23, 26, .06);--shadow: 0 1px 3px rgba(21, 23, 26, .08);--shadow-md: 0 6px 16px -4px rgba(21, 23, 26, .1);--shadow-lg: 0 20px 40px -12px rgba(21, 23, 26, .18)}.dark-theme{--primary-color: #58acdd;--primary-dark: #8fcbec;--primary-hover: #79bee6;--primary-light: rgba(88, 172, 221, .14);--secondary-color: #a6abb2;--success-color: #96c94e;--success-light: rgba(150, 201, 78, .14);--warning-color: #e2b23c;--warning-light: rgba(226, 178, 60, .14);--danger-color: #f0797b;--danger-light: rgba(240, 121, 123, .15);--info-color: #58acdd;--info-light: rgba(88, 172, 221, .14);--bg-primary: #1c1e21;--bg-secondary: #141517;--bg-tertiary: #26292d;--text-primary: #edeeef;--text-secondary: #a6abb2;--text-muted: #71777f;--border-color: #2e3236;--accent-violet: #9678c8;--accent-violet-light: rgba(150, 120, 200, .15);--btn-ink-bg: #ecedee;--btn-ink-hover: #ffffff;--btn-ink-fg: #16181b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 1px 3px rgba(0, 0, 0, .35);--shadow-md: 0 8px 20px -6px rgba(0, 0, 0, .5);--shadow-lg: 0 24px 48px -12px rgba(0, 0, 0, .6)}::view-transition-old(root),::view-transition-new(root){animation-duration:50ms}*{margin:0;padding:0;box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:999px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::-webkit-scrollbar-corner{background:transparent}html,body{height:100%}body{font-family:var(--font-ui);font-size:14px;line-height:1.55;color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--primary-light)}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:var(--text-primary);letter-spacing:-.015em}h1{font-size:1.5rem;font-weight:650;letter-spacing:-.02em}h2{font-size:1.1875rem}h3{font-size:1.0625rem}h4{font-size:.9375rem}a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-hover)}.micro-label{font-family:var(--font-micro);font-size:11px;font-weight:var(--micro-weight);text-transform:uppercase;letter-spacing:var(--micro-track);color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:550;font-family:var(--font-ui);border-radius:var(--border-radius-sm);border:1px solid transparent;cursor:pointer;transition:var(--transition)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn .material-icons-outlined{font-size:18px}.btn-primary{background:var(--btn-ink-bg);color:var(--btn-ink-fg)}.btn-primary:hover:not(:disabled){background:var(--btn-ink-hover)}.btn-secondary{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary)}.btn-success{background:var(--success-color);color:#fff}.btn-success:hover:not(:disabled){filter:brightness(1.08)}.btn-danger{background:var(--danger-color);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.08)}.btn-outline{background:transparent;border-color:var(--border-color);color:var(--text-primary)}.btn-outline:hover:not(:disabled){background:var(--bg-tertiary)}.btn-danger-outline{background:transparent;border-color:var(--danger-color);color:var(--danger-color)}.btn-danger-outline:hover:not(:disabled){background:var(--danger-light)}.btn-icon-only{padding:9px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--border-radius-sm)}.btn-icon-only:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.btn-icon-only .material-icons-outlined{font-size:20px}.btn-sm{padding:5px 11px;font-size:13px}.btn-lg{padding:13px 26px;font-size:15px}.card{background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);overflow:hidden}.card-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.card-header h2,.card-header h3{margin:0;font-size:1rem}.card-body{padding:20px}.form-group{margin-bottom:18px}.form-label{display:block;margin-bottom:6px;font-weight:550;font-size:13px;color:var(--text-primary)}.form-control{width:100%;padding:9px 12px;font-size:14px;font-family:var(--font-ui);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-primary);color:var(--text-primary);transition:var(--transition)}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.form-control::placeholder{color:var(--text-muted)}.form-control:disabled{background:var(--bg-tertiary);cursor:not-allowed}select.form-control{cursor:pointer}.table-container{overflow-x:auto}.table-container thead th{position:sticky;top:0;z-index:2}app-compensation-plans,app-commissions,app-invoice-inbox,app-ae-accounts{display:flex;flex-direction:column;min-height:0}app-compensation-plans>*,app-commissions>*,app-invoice-inbox>*,app-ae-accounts>*{flex-shrink:0}app-compensation-plans>.card.table-card,app-commissions>.card.table-card,app-invoice-inbox>.card.table-card,app-ae-accounts>.card.table-card{flex-shrink:1;min-height:0;display:flex;flex-direction:column}app-compensation-plans>.card.table-card>.table-container,app-commissions>.card.table-card>.table-container,app-invoice-inbox>.card.table-card>.table-container,app-ae-accounts>.card.table-card>.table-container{overflow-y:auto;min-height:0}@media(max-width:767px){app-compensation-plans,app-commissions,app-invoice-inbox,app-ae-accounts{display:block}}table{width:100%;border-collapse:collapse}th,td{padding:11px 16px;text-align:left;border-bottom:1px solid var(--border-color);font-variant-numeric:tabular-nums}th{font-family:var(--font-micro);font-weight:var(--micro-weight);color:var(--text-secondary);background:var(--bg-primary);font-size:11px;text-transform:uppercase;letter-spacing:var(--micro-track)}tr:hover td{background:var(--bg-secondary)}.pod-group-row{cursor:pointer;-webkit-user-select:none;user-select:none}.pod-group-row td{background:var(--bg-secondary);font-weight:600;padding:7px 16px}.pod-group-row td .material-icons-outlined{font-size:16px;vertical-align:-3px;margin-right:6px;color:var(--text-secondary)}.pod-group-row:hover td{background:var(--bg-tertiary)}.pod-group-row .pod-count{margin-left:8px;padding:1px 7px;border-radius:5px;background:var(--info-light);color:var(--info-color);font-family:var(--font-micro);font-size:11px;font-weight:var(--micro-weight)}.pod-group-row .pod-description{margin-left:12px;color:var(--text-secondary);font-weight:400;font-size:12px}.ae-group-row{cursor:pointer;-webkit-user-select:none;user-select:none}.ae-group-row td{font-weight:600;font-size:13px;padding:6px 16px 6px 36px}.ae-group-row td .material-icons-outlined{font-size:15px;vertical-align:-3px;margin-right:6px;color:var(--text-secondary)}.ae-group-row:hover td{background:var(--bg-secondary)}.ae-group-row .pod-count{margin-left:8px;padding:1px 7px;border-radius:5px;background:var(--info-light);color:var(--info-color);font-family:var(--font-micro);font-size:11px;font-weight:var(--micro-weight)}.ae-group-row td .avatar-sm{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;vertical-align:middle;margin-right:8px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:9px;font-weight:600}.ae-group-row td .avatar-sm.avatar-photo{object-fit:cover;background:transparent}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;font-family:var(--font-micro);font-size:12px;font-weight:var(--micro-weight);letter-spacing:.01em;border-radius:5px;border:1px solid transparent}.badge-success{background:var(--success-light);color:var(--success-color);border-color:color-mix(in srgb,var(--success-color) 25%,transparent)}.badge-warning{background:var(--warning-light);color:var(--warning-color);border-color:color-mix(in srgb,var(--warning-color) 25%,transparent)}.badge-danger{background:var(--danger-light);color:var(--danger-color);border-color:color-mix(in srgb,var(--danger-color) 25%,transparent)}.badge-info{background:var(--info-light);color:var(--info-color);border-color:color-mix(in srgb,var(--info-color) 25%,transparent)}.badge-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-color)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.stat-card{position:relative;background:var(--bg-primary);border-radius:var(--border-radius);padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.stat-card .stat-icon{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:0;border:1px solid var(--border-color);background:transparent;color:var(--text-muted)}.stat-card .stat-icon .material-icons-outlined{font-size:18px}.stat-card .stat-icon.primary{color:var(--primary-color)}.stat-card .stat-icon.success{color:var(--success-color)}.stat-card .stat-icon.warning{color:var(--warning-color)}.stat-card .stat-icon.info{color:var(--info-color)}.stat-card .stat-value{font-size:1.75rem;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text-primary);margin-bottom:2px;line-height:1.2}.stat-card .stat-label{font-family:var(--font-micro);font-size:11px;font-weight:var(--micro-weight);text-transform:uppercase;letter-spacing:var(--micro-track);color:var(--text-secondary)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#10111373;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{padding:18px 24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-header h3{margin:0}.modal-header .close-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;border-radius:6px}.modal-header .close-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.modal-body{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-secondary)}.text-success{color:var(--success-color)}.text-danger{color:var(--danger-color)}.text-warning{color:var(--warning-color)}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:16px}.mt-4{margin-top:24px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:16px}.mb-4{margin-bottom:24px}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:16px}.spinner{width:36px;height:36px;border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{display:flex;align-items:center;justify-content:center;padding:60px;flex-direction:column;gap:16px;color:var(--text-secondary)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state .material-icons-outlined{font-size:44px;margin-bottom:16px;color:var(--text-muted)}.empty-state h3{margin-bottom:8px;color:var(--text-primary)}.currency{font-variant-numeric:tabular-nums;font-weight:500}.currency-positive{color:var(--success-color)}.currency-negative{color:var(--danger-color)}@media(max-width:767px){h1{font-size:1.25rem}h2{font-size:1.1rem}h3{font-size:1rem}.page-header{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:20px}.header-actions{flex-wrap:wrap}.header-actions select,.header-actions .btn{flex:1;min-width:100px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.stat-card{padding:16px}.stat-card .stat-icon{top:12px;right:12px;width:30px;height:30px}.stat-card .stat-icon .material-icons-outlined{font-size:16px}.stat-card .stat-value{font-size:1.25rem}.stat-card .stat-label{font-size:10px}.card-header{padding:14px 16px}.card-body{padding:16px}.table-container{margin:0 -12px;padding:0 12px}th,td{padding:9px 12px;font-size:13px;white-space:nowrap}th{font-size:10px}.form-group{margin-bottom:16px}.form-row{grid-template-columns:1fr!important}.btn{padding:10px 16px}.btn-sm{padding:8px 12px}.modal-backdrop{padding:0;align-items:flex-end}.modal{max-width:100%;max-height:90vh;border-radius:14px 14px 0 0;margin:0}.modal-header,.modal-body{padding:16px}.modal-footer{padding:12px 16px;flex-wrap:wrap}.modal-footer .btn{flex:1;min-width:100px}.loading-container{padding:40px 20px}.empty-state{padding:40px 16px}.empty-state .material-icons-outlined{font-size:40px}}@media(min-width:768px)and (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.card-body{padding:20px}}