:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0c0f14;--foreground:#f5f7fb;--muted:#9aa4b2;--panel:#141922;--panel-2:#1b2230;--border:#2a3444;--accent:#32d296;--accent-2:#5cc8ff;--danger:#ff6b6b}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}.shell{min-height:100vh}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;display:flex}.brand{font-size:20px;font-weight:700}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;gap:22px;width:100%;max-width:420px;padding:28px;display:grid;box-shadow:0 24px 80px #00000059}.login-brand{align-items:center;gap:14px;display:flex}.login-mark{background:var(--accent);color:#06120d;border-radius:12px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;font-weight:800;display:flex}.login-brand h1{margin:0 0 6px;font-size:24px;line-height:1}.login-brand p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.login-form{gap:12px;display:grid}.login-form label{color:var(--muted);gap:6px;font-size:13px;display:grid}.login-error{color:#ffb3c0;background:#3a151a;border:1px solid #6b2b35;border-radius:6px;padding:9px 10px;font-size:13px}.login-submit{margin-top:2px}.content{grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:18px;width:100%;padding:24px 28px 40px;display:grid}.stack{gap:18px;min-width:0;display:grid}.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;min-width:0;padding:18px;overflow:hidden}.panel h2,.panel h3{margin:0 0 14px}.panel h2{font-size:18px}.panel h3{font-size:15px}.muted{color:var(--muted)}.form{gap:10px;display:grid}.compact-form{border-bottom:1px solid var(--border);margin-bottom:14px;padding-bottom:14px}.form label{color:var(--muted);gap:6px;font-size:13px;display:grid}.input,.select{border:1px solid var(--border);width:100%;min-width:0;min-height:38px;color:var(--foreground);background:#0f141d;border-radius:6px;padding:8px 10px}.button{background:var(--accent);color:#06120d;cursor:pointer;border:0;border-radius:6px;max-width:100%;min-height:38px;padding:8px 12px;font-weight:700}.button.secondary{background:var(--panel-2);border:1px solid var(--border);color:var(--foreground)}.button.ghost{border:1px solid var(--border);color:var(--muted);background:0 0}.button.danger{color:#ffb3c0;background:#3a151a;border:1px solid #6b2b35}.compact-button{min-height:30px;padding:5px 9px}.mini-action{border:1px solid var(--border);color:var(--foreground);cursor:pointer;background:#111821;border-radius:5px;min-height:26px;padding:5px 8px;font-size:12px;font-weight:700;line-height:1}.mini-action.danger{color:#ffb3c0;background:#3a151a;border-color:#6b2b35}.mini-action.warning{color:#ffd166;background:#241f13;border-color:#4a3d1c}.link-button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.list{gap:8px;margin-bottom:14px;display:grid}.list-item{border:1px solid var(--border);background:#0f141d;border-radius:6px;gap:3px;padding:10px;display:grid}.list-item-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.list-item-row strong,.list-item-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list-item-row span{margin-top:3px;display:block}.inline-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.summary-box{border:1px solid var(--border);background:#0f141d;border-radius:6px;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;margin-bottom:14px;padding:10px;display:grid}.summary-box .inline-actions{justify-content:start}.summary-box .mono{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;overflow:hidden}.status-line{border-radius:4px;margin-top:8px;padding:6px 8px;font-size:12px}.status-line.checking{color:var(--muted);background:#101820}.status-line.success{color:var(--accent);background:#0f251b}.status-line.error{color:#ffb3c0;background:#2a1518}.system-panel{gap:10px;display:grid}.system-panel h3{margin-bottom:4px}.system-copy{overflow-wrap:anywhere;font-size:12px;line-height:1.35}.segmented-control{border:1px solid var(--border);background:#0f141d;border-radius:7px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:10px;padding:4px;display:grid}.segmented-control button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;min-height:30px;padding:6px 8px;font-size:12px;font-weight:700}.segmented-control button.active{background:var(--panel-2);color:var(--foreground)}.source-panel{gap:14px;display:grid}.connector-stack{gap:12px;display:grid}.oauth-card{border:1px solid var(--border);background:#0f141d;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.oauth-card-main{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.oauth-card-main strong,.oauth-card-main span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.oauth-card-main span{margin-top:3px;font-size:12px}.oauth-card-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.platform-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.platform-card{border:1px solid var(--border);color:var(--foreground);cursor:pointer;background:#0f141d;border-radius:8px;place-items:center;gap:6px;min-height:88px;padding:10px 8px;display:grid}.platform-card.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px #32d29640}.platform-card small{color:var(--muted);font-size:10px}.platform-icon{color:#fff;border-radius:999px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;line-height:1;display:inline-flex;overflow:hidden}.platform-icon svg{width:22px;height:22px;display:block}.platform-icon.facebook{background:0 0}.platform-icon.facebook svg,.platform-icon.adjust svg{width:34px;height:34px}.platform-icon.google{background:#fff;box-shadow:inset 0 0 0 1px #94a3b847}.platform-icon.google svg{width:21px;height:21px}.platform-icon.tiktok{background:#fff;box-shadow:inset 0 0 0 1px #94a3b847}.platform-icon.tiktok svg{width:20px;height:22px;transform:translateY(-.5px)}.platform-icon.adjust{background:0 0}.account-list{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.account-chip{border:1px solid var(--border);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:#101820;border-radius:999px;max-width:100%;padding:4px 8px;font-size:12px;display:inline-flex;overflow:hidden}.token-list{border-top:1px solid var(--border);gap:8px;padding-top:12px;display:grid}.token-list-title{color:var(--muted);font-size:12px;font-weight:700}.token-row{border:1px solid var(--border);background:#0f141d;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px;display:grid}.token-platform{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.token-platform strong,.token-platform span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.token-platform span{color:var(--muted);font-size:12px}.token-status{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:4px 8px;font-size:12px}.token-status.success{color:var(--accent);border-color:#32d29666}.token-status.error{color:#ffb3c0;border-color:#6b2b35}.token-status.checking{color:var(--accent-2)}.token-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.notice{color:#ffb3c0;overflow-wrap:anywhere;background:#20171a;border:1px solid #5a2d36;border-radius:6px;margin-bottom:14px;padding:10px;font-size:13px}.notice.subtle{border-color:var(--border);color:var(--muted);background:#101820}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;display:grid}.table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:13px}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;text-overflow:ellipsis;vertical-align:top;word-break:break-word;padding:10px 8px;overflow:hidden}.table th{color:var(--muted);font-weight:600}.badge{background:var(--panel-2);border:1px solid var(--border);color:var(--foreground);white-space:nowrap;border-radius:999px;align-items:center;max-width:100%;padding:3px 8px;font-size:12px;display:inline-flex}.badge.success{color:var(--accent)}.badge.failed{color:var(--danger)}.badge.active{color:var(--accent-2)}.badge.pending{color:#ffd166}.badge.paused{color:var(--muted)}.badge.running{color:var(--accent)}.jobs-table-scroll{overscroll-behavior:contain;max-height:430px;overflow:auto}.jobs-table{min-width:1420px}.jobs-table th,.jobs-table td{word-break:normal}.jobs-col-name{width:330px}.jobs-col-source{width:110px}.jobs-col-destination{width:170px}.jobs-col-type{width:140px}.jobs-col-cron{width:190px}.jobs-col-sync-mode{width:140px}.jobs-col-last-sync{width:180px}.jobs-col-last-run{width:210px}.jobs-col-status{width:180px}.jobs-col-actions{width:340px}.jobs-table th{background:var(--panel);z-index:1;position:sticky;top:0}.job-name-cell{min-width:0}.job-name-text{overflow-wrap:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:14px;line-height:1.25;display:-webkit-box;overflow:hidden}.job-id{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;display:block;overflow:hidden}.job-actions{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.schedule-label{color:var(--foreground);white-space:normal;gap:2px;max-width:100%;line-height:1.35;display:grid}.schedule-timezone{color:var(--muted);font-size:12px}.destinations-table-scroll{overscroll-behavior:contain;max-height:430px;overflow:auto}.destinations-table{min-width:1120px}.destinations-table thead th{background:var(--panel);z-index:1;position:sticky;top:0}.destinations-table th:nth-child(4),.destinations-table td:nth-child(4){width:320px}.destinations-table th:nth-child(5),.destinations-table td:nth-child(5){width:120px}.destination-edit-modal{max-height:min(720px,100vh - 48px);overflow-y:auto}.job-schedule-modal{background:var(--panel);border:1px solid var(--border);color:var(--foreground);border-radius:8px;gap:14px;width:min(420px,100%);max-width:420px;padding:16px;display:grid;box-shadow:0 24px 80px #00000073}.job-schedule-modal label{color:var(--muted);gap:6px;font-size:12px;font-weight:700;display:grid}.modal-header p{color:var(--muted);margin:0}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.icon-button{border:1px solid var(--border);color:var(--foreground);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:18px;line-height:1;display:inline-flex}.run-history-table th:nth-child(4),.run-history-table th:nth-child(6),.run-history-table th:nth-child(7),.run-history-table th:nth-child(8),.run-history-table td:nth-child(4),.run-history-table td:nth-child(6),.run-history-table td:nth-child(7),.run-history-table td:nth-child(8){width:82px}.run-history-table th:nth-child(3),.run-history-table td:nth-child(3){width:118px}.run-history-table th:nth-child(5),.run-history-table td:nth-child(5){width:112px}.run-history-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.run-history-scroll{overscroll-behavior:contain;max-height:238px;overflow:auto}.run-history-table{min-width:1120px}.run-history-table thead th{background:var(--panel);z-index:1;position:sticky;top:0}.empty-table-cell{color:var(--muted);text-align:center;padding:28px 12px}.modal-backdrop{z-index:50;background:#05080db8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);border-radius:8px;width:min(760px,100%);max-width:760px;padding:16px;box-shadow:0 24px 80px #00000073}.modal-header{justify-content:space-between;align-items:start;gap:16px;margin-bottom:14px;display:flex}.modal-header h3{margin:0 0 4px}.run-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:0 0 14px;display:grid}.run-detail-grid div{border-bottom:1px solid var(--border);padding-bottom:8px}.run-detail-grid dt{color:var(--muted);margin-bottom:3px;font-size:12px;font-weight:700}.run-detail-grid dd{overflow-wrap:anywhere;margin:0}.error-details{border:1px solid var(--border);color:var(--foreground);white-space:pre-wrap;word-break:break-word;background:#0f141d;border-radius:6px;max-height:420px;margin:0;padding:12px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.5;overflow:auto}.mono{overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,monospace}.job-builder{color:#222b3a;background:#f8fafc;border:1px solid #d9dee7;border-radius:6px;grid-template-columns:270px minmax(0,1fr);min-height:590px;display:grid;overflow:hidden}.job-sidebar{background:#fff;border-right:1px solid #d9dee7;grid-auto-rows:max-content;gap:14px;padding:16px 12px;display:grid}.job-sidebar label{color:#5f6b7a;gap:6px;font-size:12px;font-weight:700;display:grid}.schedule-control{align-self:end;margin-top:auto}.schedule-time-control,.schedule-timezone-control{margin-top:-6px}.date-range-fields{gap:10px;display:grid}.date-range-fields label{font-size:11px}.sheet-input,.sheet-select{color:#1d2633;background:#fff;border:1px solid #cfd6e3;border-radius:4px;width:100%;min-width:0;min-height:34px;padding:7px 9px}.sheet-select:disabled{color:#637083;cursor:not-allowed;background:#eef2f7}.form-hint{font-size:11px;font-weight:500;line-height:1.35;display:block}.field-trigger{text-align:left;text-overflow:ellipsis;white-space:nowrap;font-weight:400;display:block;overflow:hidden}.field-trigger:disabled{color:#8a95a6;cursor:not-allowed;opacity:.75}.job-preview{background:#fff;min-width:0;min-height:590px;position:relative}.preview-toolbar{border-bottom:1px solid #d9dee7;justify-content:flex-end;align-items:center;gap:8px;min-height:44px;padding:8px 10px;display:flex}.preview-toolbar button,.preview-toolbar select{color:#1d2633;background:#fff;border:1px solid #cfd6e3;border-radius:4px;min-height:30px;padding:5px 9px}.sheet-grid{max-height:438px;display:grid;overflow:auto}.sheet-cell{background:#fff;border-bottom:1px solid #d9dee7;border-right:1px solid #d9dee7;min-width:0;height:24px}.sheet-header{color:#4c5665;text-overflow:ellipsis;white-space:nowrap;background:#f8fafc;height:31px;padding:8px;font-size:12px;font-weight:700;overflow:hidden}.sheet-value{color:#283344;text-overflow:ellipsis;white-space:nowrap;padding:6px 8px;font-size:11px;overflow:hidden}.preview-status{color:#4c5665;text-align:center;background:#fff;border:1px solid #d9dee7;border-radius:4px;max-width:360px;padding:10px 14px;font-size:12px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.preview-status.error{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.preview-empty{color:#1d2633;text-align:center;background:#fff;border:1px solid #d9dee7;border-radius:4px;max-width:320px;padding:18px 24px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 22px #1018281f}.job-footer{background:#fff;border-top:1px solid #d9dee7;justify-content:flex-end;align-items:center;gap:10px;padding:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.live-preview{color:#5f6b7a;align-items:center;gap:6px;margin-right:auto;font-size:12px;display:inline-flex}.fields-panel{z-index:4;background:#fff;border:1px solid #d9dee7;grid-template-columns:285px minmax(0,1fr);height:100%;min-height:0;font-size:12px;display:grid;position:absolute;inset:0}.accounts-panel{z-index:5;background:#fff;border:1px solid #d9dee7;grid-template-columns:245px minmax(0,1fr);height:100%;min-height:0;display:grid;position:absolute;inset:0}.accounts-library{border-right:1px solid #d9dee7;grid-template-rows:auto auto auto minmax(0,1fr);gap:8px;min-width:0;height:100%;min-height:0;padding:12px 8px;display:grid;overflow:hidden}.accounts-library h3{color:#283344;margin:0}.accounts-library .muted{font-size:12px}.account-list-scroll{overscroll-behavior:contain;border-top:1px solid #e5e9f0;height:100%;min-height:0;padding-bottom:52px;overflow:hidden auto}.account-select-all,.account-picker-row{color:#1d2633;cursor:pointer;text-align:left;background:#fff;border:0;border-bottom:1px solid #e5e9f0;gap:3px;width:100%;min-height:44px;padding:8px 4px;display:grid}.account-select-all{color:#2f6fdd;min-height:34px}.account-picker-row.selected{background:#eef4ff}.account-picker-row span,.account-picker-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-picker-row small{color:#6a7484}.selected-account-list{overscroll-behavior:contain;grid-auto-rows:max-content;gap:8px;min-width:0;height:100%;min-height:0;padding:32px 12px 64px;display:grid;overflow:hidden auto}.selected-empty{color:#8a95a6;text-align:center;place-self:center;padding:24px}.selected-account{color:#1d2633;cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #d9dee7;border-radius:6px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:42px;padding:8px;display:grid}.selected-account strong,.selected-account small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.selected-account small{color:#6a7484}.account-owner{color:#4c5665;background:#e9edf3;border-radius:999px;padding:4px 8px;font-size:11px}.fields-library{border-right:1px solid #d9dee7;grid-template-rows:auto auto auto minmax(0,1fr);gap:8px;min-width:0;height:100%;min-height:0;padding:10px;display:grid;overflow:hidden}.fields-library h3{color:#283344;margin:0;font-size:12px}.fields-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.fields-heading .mini-action{color:#4f77d8;min-height:24px;padding:4px 7px;font-size:10px}.fields-heading .mini-action:disabled{cursor:not-allowed;opacity:.55}.field-scan-meta{color:#6a7484;gap:2px;font-size:10px;line-height:1.25;display:grid}.fields-library .sheet-input{min-height:28px;padding:4px 8px;font-size:11px}.field-list{overscroll-behavior:contain;border-top:1px solid #e5e9f0;height:100%;min-height:0;padding-bottom:52px;overflow:hidden auto}.field-loading{color:#6a7484;padding:6px;font-size:11px}.field-warning{color:#9a3412;background:#fff7ed;border-bottom:1px solid #fed7aa;padding:7px;font-size:11px;line-height:1.35}.field-row,.selected-field{color:#283344;cursor:pointer;text-align:left;background:#fff;border:0;border-bottom:1px solid #e5e9f0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;width:100%;min-height:26px;padding:5px 6px;font-size:11px;display:grid}.field-row span:first-child,.selected-field span:first-child{text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.25;overflow:hidden}.field-row span:last-child{color:#6a7484;text-overflow:ellipsis;white-space:nowrap;max-width:86px;font-size:9px;overflow:hidden}.field-row.disabled{color:#8a95a6;cursor:not-allowed;opacity:.68}.field-row.disabled span:last-child{color:#b45309}.selected-fields{overscroll-behavior:contain;grid-auto-rows:max-content;gap:6px;min-width:0;height:100%;min-height:0;padding:28px 10px 64px;display:grid;overflow:hidden auto}.selected-field{color:#283344;background:#f8fafc;border:1px solid #d9dee7;border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:5px;min-height:28px;padding:5px 6px;font-size:11px;display:grid;position:relative}.selected-field.dragging{opacity:.55}.selected-field.drag-over:before{content:"";background:#4f77d8;border-radius:999px;height:3px;position:absolute;top:-5px;left:6px;right:6px}.drag-handle{color:#9aa4b2;cursor:grab;letter-spacing:0;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1}.selected-field:active .drag-handle{cursor:grabbing}.selected-field span:nth-child(3){color:#4c5665;background:#e9edf3;border-radius:999px;padding:2px 6px;font-size:9px}.remove-selected-field{color:#1d2633;cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:11px;line-height:1}.field-drop-end{min-height:18px;position:relative}.field-drop-end.drag-over:before{content:"";background:#4f77d8;border-radius:999px;height:3px;position:absolute;top:6px;left:6px;right:6px}.clear-button{color:#4f77d8;cursor:pointer;background:0 0;border:0;justify-self:end}.fields-footer{background:#fff;border-top:1px solid #d9dee7;justify-content:flex-end;align-items:center;gap:8px;padding:10px;display:flex;position:absolute;bottom:0;left:0;right:0}@media (max-width:1180px){.content,.grid{grid-template-columns:1fr}.content{padding-inline:14px}}@media (max-width:760px){.job-builder,.fields-panel,.accounts-panel{grid-template-columns:1fr}.job-sidebar,.fields-library,.accounts-library{border-bottom:1px solid #d9dee7;border-right:0}.job-preview{min-height:520px}}