*{margin:0;padding:0;box-sizing:border-box}html,#root{height:100%;--scrollbarBG: transparent;--thumbBG: #00000030;overflow:hidden}body{height:100vh;padding:0;margin:0;overflow:overlay;background-color:#0a0e1f;color:#e1e4e8;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}*{scrollbar-width:thin;scrollbar-color:var(--thumbBG) var(--scrollbarBG)}*::-webkit-scrollbar{width:.6rem;height:.6rem}*::-webkit-scrollbar-button{display:none}*::-webkit-scrollbar-track{background:var(--scrollbarBG)}*:hover::-webkit-scrollbar-track{background:var(--scrollbarBG)}*::-webkit-scrollbar-track-piece{background:var(--scrollbarBG)}*::-webkit-scrollbar-thumb{background:var(--scrollbarBG)}*:hover::-webkit-scrollbar-thumb{background:#ffffff4d;border:thin solid rgba(255,255,255,.2);border-radius:8px}*::-webkit-scrollbar-thumb:hover{background:#fff6;border:thin solid rgba(255,255,255,.3);border-radius:8px}a{text-decoration:none;color:inherit}.app-header{display:flex;align-items:center;justify-content:flex-end;padding:.5rem 1.5rem;min-height:65px;width:100%;background:linear-gradient(180deg,#0f1525,#141b2e);border-bottom:1px solid rgba(255,255,255,.1);max-height:4.25rem}.tenant-selector{display:flex;align-items:center;gap:.75rem}.tenant-selector label{font-weight:500;color:#b5bac2;font-size:.875rem}.tenant-selector select{padding:.425rem 2.5rem .425rem .75rem;border:1px solid rgba(255,255,255,.1);border-radius:4px;font-size:.875rem;background:#ffffff0d;color:#e1e4e8;cursor:pointer;min-width:200px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23B5BAC2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-size:20px 20px;background-repeat:no-repeat;background-position:right .5rem center;transition:all .2s}.tenant-selector select:hover{border-color:#fff3;background:#ffffff14}.tenant-selector select:focus{outline:none;border-color:#5b6fa0;background:#ffffff1a}.api-token-btn{width:2.3rem;height:2.3rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:0;cursor:pointer;color:#b5bac2;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:auto}.api-token-btn:hover{background:#ffffff1a;border-color:#fff3;color:#e1e4e8}.api-token-btn.token-set{color:#10b981;border-color:#34d399}.api-token-btn.token-set:hover{background:#10b9811a;border-color:#10b981}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#141b2e;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.5rem;width:100%;max-width:400px;box-shadow:0 4px 6px #00000080}.modal-content h2{margin:0 0 .5rem;color:#e1e4e8;font-size:1.25rem;font-weight:600}.modal-description{color:#8a919d;font-size:.875rem;margin:0 0 1rem}.token-input{width:100%;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#ffffff0d;color:#e1e4e8;font-size:.875rem;box-sizing:border-box;transition:all .2s}.token-input:hover{border-color:#fff3;background:#ffffff14}.token-input:focus{outline:none;border-color:#5b6fa0;background:#ffffff1a}.token-input::placeholder{color:#636b7a}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.modal-actions button{padding:.5rem 1rem;border-radius:4px;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-transform:none;font-weight:500}.btn-cancel{background:transparent;border:1px solid rgba(255,255,255,.2);color:#8a919d}.btn-cancel:hover{background:#ffffff1a;border-color:#ffffff4d;color:#b5bac2}.btn-save{background:#5b6fa0;border:1px solid #5B6FA0;color:#fff}.btn-save:hover{background:#7a8fbf;border-color:#7a8fbf}.btn-clear{background:transparent;border:1px solid #E04A4F;color:#e04a4f;margin-right:auto}.btn-clear:hover{background:#e04a4f1a}.api-token-banner{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;padding:12px 20px;box-shadow:0 2px 8px #00000026;z-index:1000;position:relative}.api-token-banner-content{display:flex;align-items:center;gap:12px;max-width:1200px;margin:0 auto}.api-token-banner-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.api-token-banner-message{display:flex;flex-direction:column;gap:4px;flex:1}.api-token-banner-message strong{font-weight:600;font-size:14px}.api-token-banner-message span{font-size:13px;opacity:.95;line-height:1.4}.json-object{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:.9rem;line-height:1.6}.json-line{padding-left:1.5rem;position:relative}.json-expandable{cursor:pointer;-webkit-user-select:none;user-select:none;padding-left:0}.json-expandable:hover{background:#646cff1a}.json-collapse-icon{display:inline-block;width:1rem;color:#8891a0;font-size:.7rem;margin-right:.25rem}.json-key{color:#9cdcfe;font-weight:500}.json-colon{color:#ccc;margin:0 .25rem}.json-value{font-weight:400}.json-value.json-string{color:#ce9178}.json-value.json-number{color:#b5cea8}.json-value.json-boolean{color:#569cd6}.json-value.json-null{color:#569cd6;font-style:italic}.json-bracket{color:#d4d4d4;font-weight:500}.json-comma{color:#ccc}.json-content{border-left:1px solid #404040;margin-left:.5rem}.json-item{position:relative}.json-collapsed-indicator{color:#8891a0;margin:0 .5rem;font-style:italic}.json-count{color:#6a9955;font-style:italic;margin-left:.5rem;font-size:.85rem}.json-empty{color:#8891a0;font-style:italic}.ag-grid-wrapper{height:100%;width:100%}.ag-grid-wrapper :global(.ag-root-wrapper){background:transparent}.ag-grid-wrapper :global(.ag-popup){background-color:#141b2e!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 4px 6px #00000080!important;opacity:1!important}.ag-grid-wrapper :global(.ag-filter-wrapper){background-color:#141b2e!important}.ag-grid-wrapper :global(.ag-filter-body){background-color:#141b2e!important}.ag-grid-wrapper :global(.ag-filter-apply-panel){background-color:#141b2e!important}.ag-grid-wrapper :global(.ag-menu){background-color:#141b2e!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 4px 6px #00000080!important}.ag-grid-wrapper :global(.ag-set-filter-list){background-color:#141b2e!important}.ag-grid-wrapper :global(.ag-set-filter-item){background-color:#141b2e!important}.affinity-settings-container{padding:1.5rem;max-width:1200px;margin:0 auto;background:transparent;min-height:100%}.affinity-settings-container h1{color:#e1e4e8;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.auth-gate{text-align:center;padding:3rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.auth-gate h2{color:#e1e4e8;margin-bottom:.5rem}.auth-gate p{color:#8a919d}.settings-section{margin-bottom:2rem;padding:1.5rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 1px 3px #0000004d}.settings-section h2{margin-top:0;margin-bottom:1rem;color:#e1e4e8;font-size:1.125rem;font-weight:600}.api-key-input{padding:.75rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:4px;margin-right:.75rem;width:300px;font-size:.875rem;background:#ffffff0d;color:#e1e4e8;transition:all .2s}.api-key-input:hover{border-color:#fff3;background:#ffffff14}.api-key-input:focus{outline:none;border-color:#5b6fa0;background:#ffffff1a}.api-key-input::placeholder{color:#636b7a}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500}.status-badge.success,.status-badge.completed{background:#10b98133;color:#10b981}.status-badge.in_progress{background:#f59e0b33;color:#f59e0b}.status-badge.failed,.status-badge.error{background:#e04a4f33;color:#e04a4f}.error-message{color:#e86a6e;margin-top:.5rem;font-size:.875rem}.api-key-not-configured{padding:1rem;background:#e04a4f1a;border:1px solid rgba(224,74,79,.3);border-radius:4px;margin-top:1rem}.api-key-not-configured strong{color:#e04a4f;display:block;margin-bottom:.5rem}.sync-toggles{display:flex;gap:1.5rem}.sync-toggles label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#e1e4e8;font-size:.875rem}.fetch-lists-btn,.save-selection-btn{padding:.5rem 1rem;background:#5b6fa0;color:#fff;border:1px solid #5B6FA0;border-radius:4px;cursor:pointer;margin-bottom:1rem;font-size:.875rem;font-weight:500;text-transform:none;transition:all .2s}.fetch-lists-btn:hover,.save-selection-btn:hover{background:#7a8fbf;border-color:#7a8fbf}.lists-grid-container{margin-top:1rem}.list-selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.selection-count{color:#8a919d;font-size:.875rem}.ag-grid-wrapper{width:100%;min-height:400px}.lists-table,.history-table{width:100%;border-collapse:collapse;margin-top:1rem}.lists-table th,.history-table th{background:#ffffff0d;padding:.75rem;text-align:left;border-bottom:2px solid rgba(255,255,255,.1);color:#e1e4e8;font-size:.875rem;font-weight:600}.lists-table td,.history-table td{padding:.75rem;border-bottom:1px solid rgba(255,255,255,.05);color:#b5bac2;font-size:.875rem}.lists-table tr:hover,.history-table tr:hover{background:#ffffff0d}