.lead-catcher-app{--p:#2563eb;--ps:#eff6ff;--panel:#fff;--surface:#f8fafc;--text:#172033;--muted:#6b7a90;--border:#e3e9f2;box-sizing:border-box;padding:20px;background:transparent;color:var(--text);font:14px/1.5 Inter,system-ui,sans-serif}.lead-catcher-app *{box-sizing:border-box}.lc-shell{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:0 12px 36px #263c5f14}
.lc-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px 20px}.lc-heading{min-width:0}.lc-eyebrow{display:flex;align-items:center;gap:7px;margin-bottom:5px;color:var(--p);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.lc-header h2{margin:0;font-size:24px;line-height:1.25;letter-spacing:-.025em}.lc-header p{margin:5px 0 0;color:var(--muted);font-size:13px}.lc-header-actions{display:flex;gap:9px;flex:none}.lc-header button,.lc-add-keyword,.lc-settings-card footer button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 14px;border:1px solid #ced8e6;border-radius:10px;background:#fff;color:#41536b;font-weight:700;cursor:pointer;transition:.16s}.lc-header button:hover,.lc-add-keyword:hover{border-color:#aebed1;background:#f8fafc}.lc-settings-button{border-color:var(--p)!important;background:var(--p)!important;color:#fff!important;box-shadow:0 5px 14px #2563eb33}
.lc-overview{display:grid;grid-template-columns:repeat(3,minmax(145px,1fr)) minmax(190px,1.1fr);gap:10px;padding:0 26px 20px}.lc-stat,.lc-sync-state{display:flex;align-items:center;gap:11px;min-width:0;padding:13px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.lc-stat-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:10px;background:#edf2f8;color:#60738d;font-size:16px}.lc-stat-primary{border-color:#cfe0ff;background:var(--ps)}.lc-stat-primary .lc-stat-icon{background:#dceaff;color:var(--p)}.lc-stat div,.lc-sync-state div{display:grid;min-width:0}.lc-stat strong{font-size:18px;line-height:1.15}.lc-stat div span,.lc-sync-state small{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.lc-sync-state>span{width:8px;height:8px;flex:none;border-radius:50%;background:#22a06b;box-shadow:0 0 0 5px #22a06b1c}.lc-sync-state strong{font-size:12px}
.lc-toolbar{display:flex;align-items:center;gap:14px;padding:13px 20px;border-block:1px solid var(--border);background:var(--surface)}.lc-search{position:relative;flex:1}.lc-search>i{position:absolute;left:13px;top:12px;color:#8b9aaf}.lc-search input{width:100%;height:42px;padding:0 42px 0 39px;border:1px solid #ced8e6;border-radius:10px;background:#fff;color:var(--text);outline:0}.lc-search input:focus{border-color:var(--p);box-shadow:0 0 0 3px #2563eb1f}.lc-search-clear{display:none;position:absolute;right:7px;top:6px;width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:#8493a7;cursor:pointer}.lc-search.has-value .lc-search-clear{display:block}.lc-tabs{display:flex;gap:4px;padding:4px;border:1px solid #dae2ed;border-radius:11px;background:#fff}.lc-tabs button{height:32px;padding:0 11px;border:0;border-radius:7px;background:transparent;color:#62738a;font-size:12px;cursor:pointer}.lc-tabs button.active{background:#eaf2ff;color:#1d5fd4;font-weight:800}.lc-tabs b{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:4px;padding:0 5px;border-radius:9px;background:#edf1f6;font-size:10px}.lc-tabs .active b{background:var(--p);color:#fff}.lc-list-meta{display:flex;justify-content:space-between;gap:10px;padding:17px 22px 7px}.lc-list-meta strong{font-size:13px}.lc-list-meta span{color:var(--muted);font-size:12px}
.lc-toolbar-actions{display:flex;gap:7px}.lc-toolbar-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 12px;border:1px solid #ced8e6;border-radius:10px;background:#fff;color:#41536b;font-weight:700;cursor:pointer}.lc-toolbar-actions .lc-refresh{width:40px;padding:0}.lc-toolbar-actions .lc-settings-button{border-color:var(--p);background:var(--p);color:#fff}.lead-catcher-app.is-loading .lc-refresh i{animation:lc-spin .8s linear infinite}@keyframes lc-spin{to{transform:rotate(360deg)}}
.lc-results{min-height:360px}.lc-list{display:grid;gap:9px;padding:7px 14px 18px}.lc-lead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;padding:16px;border:1px solid transparent;border-radius:13px;background:#fff;transition:.16s}.lc-lead:hover{border-color:#d7e2ef;background:#fbfdff;box-shadow:0 7px 18px #253e6212}.lc-lead-main{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;min-width:0}.lc-avatar{display:grid;place-items:center;width:42px;height:42px;overflow:hidden;border-radius:12px;background:linear-gradient(145deg,#dbeafe,#e0e7ff);color:#315bba;font-size:13px;font-weight:800}.lc-avatar img{width:100%;height:100%;object-fit:cover}.lc-lead-content{min-width:0}.lc-lead-top{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.lc-lead h3{margin:0 2px 0 0;font-size:14px}.lc-keyword-tag,.lc-channel{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:750}.lc-keyword-tag{background:#fff1dd;color:#9b5b07}.lc-channel{background:#eef2f7;color:#5c6f87}.lc-lead time{margin-left:auto;color:#8391a4;font-size:11px;white-space:nowrap}.lc-message{max-width:1000px;margin:8px 0 0;color:#354760;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.lc-message mark{padding:1px 2px;border-radius:3px;background:#ffe3a8;color:inherit}.lc-lead small{display:block;margin-top:8px;color:#8896a8}.lc-lead-actions{display:flex;align-items:center;gap:7px}.lc-lead-actions a,.lc-lead-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 12px;border:1px solid #ccd7e5;border-radius:9px;background:#fff;color:#435a75;text-decoration:none;cursor:pointer}.lc-lead-actions a{border-color:#b9d2ff;color:#1e63dc;font-weight:750}.lc-lead-actions a:hover{background:#f1f6ff}.lc-lead-actions button{width:38px;padding:0}.lc-lead-actions button:hover{border-color:#f0c3ca;background:#fff7f8;color:#dc4c64}
.lc-empty{display:grid;justify-items:center;padding:70px 20px;color:var(--muted);text-align:center}.lc-empty>span{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:#edf3fa;color:#7188a4;font-size:24px}.lc-empty h3{margin:15px 0 5px;color:var(--text);font-size:18px}.lc-empty p{max-width:480px;margin:0}.lc-empty-action{margin-top:16px;padding:9px 13px;border:1px solid #b9d2ff;border-radius:9px;background:#f3f7ff;color:#1e63dc;font-weight:700;cursor:pointer}
.lc-settings-dialog{width:min(650px,calc(100vw - 28px));padding:0;border:0;border-radius:16px;background:transparent;color:var(--text)}.lc-settings-dialog::backdrop{background:#172b4d75;backdrop-filter:blur(3px)}.lc-settings-card{overflow:hidden;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:0 24px 75px #172b4d4d}.lc-settings-card>header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px 16px;border-bottom:1px solid var(--border)}.lc-settings-card h2{margin:0;font-size:19px}.lc-settings-card header p{margin:4px 0 0;color:var(--muted);font-size:12px}.lc-settings-card header button{width:34px;height:34px;border:0;border-radius:9px;background:transparent;color:#718399;font-size:24px;cursor:pointer}.lc-settings-body{padding:20px 22px}.lc-info{display:flex;gap:10px;padding:13px 14px;border:1px solid #dbe9f8;border-radius:10px;background:#f5f9fe;color:#61758c;font-size:12px}.lc-info i{color:var(--p)}.lc-label{display:block;margin:18px 0 8px;font-weight:700}.lc-keywords{display:grid;gap:8px}.lc-keyword{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:7px}.lc-keyword input{height:41px;padding:0 12px;border:1px solid #ccd8e5;border-radius:9px;outline:0}.lc-keyword input:focus{border-color:var(--p);box-shadow:0 0 0 3px #2563eb1a}.lc-keyword button{border:1px solid #efd0d4;border-radius:9px;background:#fff;color:#da4857;cursor:pointer}.lc-add-keyword{margin-top:10px}.lc-settings-result{min-height:18px;margin:11px 0 0;color:var(--muted);font-size:12px}.lc-settings-result.ok{color:#168252}.lc-settings-result.error{color:#d63d4d}.lc-settings-card>footer{display:flex;justify-content:flex-end;gap:8px;padding:13px 22px;border-top:1px solid var(--border);background:#fafbfd}.lc-settings-card>footer .lc-save-keywords{border-color:var(--p);background:var(--p);color:#fff}
.theme-dark .lead-catcher-app{--panel:#20252d;--surface:#1b2027;--text:#eef3f9;--muted:#9aaabd;--border:#37414e;--ps:#202f46}.theme-dark .lc-shell,.theme-dark .lc-lead,.theme-dark .lc-settings-card{background:var(--panel)}.theme-dark .lc-stat,.theme-dark .lc-sync-state,.theme-dark .lc-toolbar,.theme-dark .lc-settings-card>footer{background:var(--surface)}.theme-dark .lc-search input,.theme-dark .lc-tabs,.theme-dark .lc-header button:not(.lc-settings-button),.theme-dark .lc-toolbar-actions>button:not(.lc-settings-button),.theme-dark .lc-lead-actions a,.theme-dark .lc-lead-actions button,.theme-dark .lc-keyword input,.theme-dark .lc-keyword button,.theme-dark .lc-add-keyword,.theme-dark .lc-settings-card footer button{border-color:#465463;background:#29303a;color:#e4ebf3}.theme-dark .lc-lead:hover{border-color:#435162;background:#252b34}.theme-dark .lc-message{color:#cbd5e1}.theme-dark .lc-info{border-color:#344e6b;background:#223347;color:#aebed0}
.lc-channel-logo{display:block;width:auto;max-width:24px;height:14px;object-fit:contain}.lc-settings-dialog.mc-swin[open]>.lc-settings-card{width:100%;height:100%;max-height:none;overflow:auto}.lc-settings-dialog.mc-swin .mc-swin-btns{display:flex;align-items:center;gap:6px;margin-left:auto}.lc-settings-dialog.mc-swin .mc-swin-btn{position:relative!important;display:block!important;width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;border:1px solid #788ca573!important;border-radius:7px!important;background:transparent!important;color:inherit!important;font-size:0!important}.lc-settings-dialog.mc-swin .mc-swin-close{font-size:20px!important}
@media(max-width:980px){.lc-overview{grid-template-columns:repeat(3,1fr)}.lc-sync-state{grid-column:1/-1}.lc-lead{grid-template-columns:1fr}.lc-lead-actions{justify-content:flex-end}}@media(max-width:700px){.lead-catcher-app{padding:10px}.lc-header{align-items:flex-start;padding:19px 17px 15px}.lc-refresh span{display:none}.lc-settings-button{font-size:0}.lc-settings-button i{font-size:15px}.lc-overview{grid-template-columns:1fr 1fr;padding:0 17px 16px}.lc-stat-primary{grid-column:1/-1}.lc-sync-state{grid-column:auto}.lc-toolbar{align-items:stretch;flex-direction:column;padding:12px}.lc-tabs{overflow:auto}.lc-tabs button{flex:1;white-space:nowrap}.lc-list-meta{padding-inline:17px}.lc-lead time{width:100%;margin-left:0}.lc-lead-main{grid-template-columns:36px minmax(0,1fr)}.lc-avatar{width:36px;height:36px}.lc-list{padding-inline:8px}}@media(max-width:460px){.lc-heading h2{font-size:20px}.lc-eyebrow{font-size:9px}.lc-header-actions{gap:5px}.lc-overview{grid-template-columns:1fr}.lc-stat-primary,.lc-sync-state{grid-column:auto}.lc-list-meta{align-items:flex-start;flex-direction:column}.lc-lead{padding:13px}.lc-lead-actions a{flex:1}.lc-settings-dialog{width:100vw;max-width:none;margin:auto 0 0}.lc-settings-card{border-radius:16px 16px 0 0}}