.setup-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;max-width:1050px}
.setup-intro,.setup-panel{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#181923,#101119);padding:32px}
.setup-intro h2{font-size:34px;line-height:1.15;margin:10px 0}
.setup-intro>p,.setup-panel>p,.advanced p{color:var(--muted)}
.mode-options{display:grid;gap:10px;margin:30px 0}
.mode-option{position:relative;border:1px solid var(--line);border-radius:13px;background:#101118;color:white;text-align:left;padding:14px;display:flex;gap:12px;align-items:center;cursor:pointer}
.mode-option:hover,.mode-option.active{border-color:var(--accent);background:#1a1d1d}
.mode-option span:nth-child(2){display:grid}.mode-option small{color:var(--muted)}
.mode-option b{position:absolute;right:10px;top:10px;color:var(--accent);font-size:8px;letter-spacing:.08em}
.mode-icon{width:36px;height:36px;border-radius:10px;display:grid!important;place-items:center;background:white;color:#202020;font-weight:800}
.domain-icon{background:var(--purple);color:#17131e}
.setup-note{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:20px}
.setup-note i{width:8px;height:8px;background:var(--accent);border-radius:50%;margin-top:6px}
.setup-note span{display:grid}.setup-note small{color:var(--muted)}
.setup-panel h3{font-size:24px;margin:8px 0}
.status-pill{display:inline-block;border:1px solid #4e6038;color:var(--accent);background:#1a2115;padding:3px 8px;border-radius:20px;font-size:9px;font-weight:700;letter-spacing:.1em}
.setup-panel label{display:grid;gap:7px;color:#c8c8d3;font-size:11px;font-weight:600;margin:14px 0}
.setup-panel input{background:#0d0e14;border:1px solid var(--line);border-radius:9px;color:white;padding:11px;outline:0}
.setup-panel input:focus{border-color:var(--accent)}
.preview-address{display:grid;gap:3px;background:#0d0e14;border:1px dashed #393b49;border-radius:10px;padding:12px;margin:14px 0}
.preview-address span,.provider-box>span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.preview-address strong{color:var(--accent);font-size:12px;overflow-wrap:anywhere}
.gmail-connect-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;margin:18px 0;padding:15px;border:1px solid #40512e;border-radius:12px;background:#151b12}.gmail-connect-card>div{display:grid;gap:3px}.gmail-connect-card strong{font-size:12px}.gmail-connect-card small{color:var(--muted);font-size:10px}.gmail-connect-card .primary{white-space:nowrap;text-decoration:none}.gmail-connect-card .danger-link{grid-column:2}
.advanced{border-top:1px solid var(--line);margin-top:20px;padding-top:17px}
.advanced summary{cursor:pointer;font-weight:600;font-size:12px}.advanced summary span{float:right;color:var(--muted);font-size:9px}
.oauth-guide{margin:18px 0;border:1px solid var(--line);border-radius:12px;background:#0d0e14;padding:16px}
.guide-title{display:grid;margin-bottom:12px}.guide-title small{color:var(--muted);font-size:10px}
.oauth-guide ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:13px}
.oauth-guide li{counter-increment:steps;display:flex;gap:10px}
.oauth-guide li:before{content:counter(steps);flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#282b25;color:var(--accent);font-size:10px;font-weight:700}
.oauth-guide li span{display:grid;gap:3px}.oauth-guide li strong{font-size:11px}.oauth-guide li small{color:var(--muted);font-size:10px}
.oauth-guide a{color:var(--accent)}.guide-code{display:block;color:#d3d4df;background:#161720;border-radius:5px;padding:6px;margin:3px 0;font-size:9px;overflow-wrap:anywhere}
.oauth-error{display:grid;gap:5px;margin-top:14px;padding:11px;border:1px solid #5c4235;border-radius:8px;background:#211915;color:#cbb9ae;font-size:10px}.oauth-error strong{color:#ffc19f;font-size:11px}.oauth-error ol{list-style:decimal;display:block;margin:2px 0 0 18px}.oauth-error li{display:list-item;margin:4px 0}.oauth-error li:before{display:none}
.security-note{margin-top:14px;padding:9px;border-radius:7px;background:#201c19;color:#b8aea7;font-size:10px}.security-note strong{color:#ffd1b8}
.provider-box{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}
.copy-field{display:flex;align-items:center;gap:8px;background:#0d0e14;border:1px solid var(--line);border-radius:8px;padding:9px}
.copy-field code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#c8c8d3;font-size:10px}
.copy-field button{margin-left:auto;border:0;background:none;color:var(--accent);font-size:9px;cursor:pointer}
.save-setup{margin-top:20px}.setup-result{display:block;text-align:center;color:var(--muted);margin-top:8px}
@media(max-width:1050px){.setup-layout{grid-template-columns:1fr}}
@media(max-width:720px){.setup-intro,.setup-panel{padding:22px}}
.nav-item,.back-btn{text-decoration:none}.company-card{cursor:pointer;transition:.22s transform,.22s border-color}.company-card:hover{transform:translateY(-3px);border-color:#484a5b}.folder-arrow{margin-left:auto;color:var(--accent);font-size:9px;font-weight:700;letter-spacing:.08em}.back-btn{display:inline-block;border:0;background:none;color:var(--muted);padding:0;margin-bottom:20px;cursor:pointer;font:600 12px "DM Sans"}.back-btn:hover{color:white}.company-detail-head{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#191a25,#101119);margin-bottom:38px}.company-detail-identity{display:flex;align-items:center;gap:16px}.company-detail-icon{width:64px;height:64px;border-radius:17px;display:grid;place-items:center;color:#151515;font:800 27px Manrope}.company-detail-identity h2{font-size:30px;margin:2px 0}.company-detail-identity p{margin:0;color:var(--muted)}.detail-meta{display:grid;gap:8px;text-align:right}.detail-meta>span{color:var(--muted);font-size:11px}.detail-meta .address{min-width:310px;text-align:left}@media(max-width:720px){.company-detail-head{align-items:flex-start;flex-direction:column}.detail-meta{width:100%;text-align:left}.detail-meta .address{min-width:0}}
.danger-link{justify-self:end;border:0;background:none;color:#d98484;padding:3px 0;cursor:pointer;font:600 10px "DM Sans"}.danger-link:hover{color:#ffaaaa}.confirm-dialog{width:min(430px,92vw)}.confirm-body{padding:32px;text-align:center}.danger-mark{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 14px;border-radius:50%;background:#351e21;color:#ff9c9c;font:800 23px Manrope}.danger-text{color:#ff9c9c}.confirm-body h2{font-size:28px;margin:7px 0}.confirm-body p{color:var(--muted);margin:0 0 24px}.confirm-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:8px}.danger-btn{border:0;border-radius:9px;background:#d8545e;color:white;padding:11px;cursor:pointer;font:700 11px "DM Sans"}.danger-btn:hover{background:#ed6670}.danger-btn:disabled{opacity:.6;cursor:wait}
.html-card-preview{position:relative;background:white}.html-card-preview iframe{display:block;width:200%;height:380px;border:0;transform:scale(.5);transform-origin:top left;pointer-events:none;background:white}
.received-time{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;margin:8px 0 9px;padding:7px 8px;border-radius:7px;background:#0d0e14}.received-time span{color:var(--accent);font-size:8px;font-weight:700;letter-spacing:.08em}.received-time strong{color:#d5d6df;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.received-time small{color:#6f7181;font-size:8px}.preview-top small b{color:#d7d8e0}
.nav-item b.empty{display:none}.pulse span{gap:1px}.pulse small+small{font-size:9px;color:#696b7b}.pulse i.error{background:#ff7c86;box-shadow:0 0 12px #ff7c86}.email-card.is-new{border-color:#55633e;box-shadow:inset 0 0 0 1px #c5ff5b12}.new-pill{margin-left:auto;padding:2px 6px;border-radius:10px;background:var(--accent);color:#15170f;font-size:8px;letter-spacing:.08em}.company-new{width:max-content;padding:4px 8px;border-radius:10px;background:#29331d;color:var(--accent);font-size:9px;font-weight:700}
.folder-rail{display:flex;gap:7px;overflow-x:auto;padding:2px 0 20px}.folder-chip{display:flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid var(--line);background:#11121a;color:var(--muted);padding:8px 11px;border-radius:9px;cursor:pointer;font:600 11px "DM Sans"}.folder-chip b{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:#272934;color:#bfc0ca;font-size:8px}.folder-chip.active{border-color:var(--accent);color:white;background:#1b1e19}.folder-chip.active b{background:var(--accent);color:#111}.company-folder-row{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.company-folder-row select,.folder-select-label select,.folder-name-label input{background:#0d0e14;border:1px solid var(--line);border-radius:7px;color:#d5d6df;padding:7px;outline:0}.company-folder-row select{margin-left:auto;max-width:150px}.folder-select-label{display:grid;gap:4px;color:var(--muted);font-size:9px;text-align:left}.folder-name-label{display:grid;gap:6px;text-align:left;color:var(--muted);font-size:11px;margin:17px 0}
.folder-chip span{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;color:#8c8e9c;font-size:12px}.folder-chip span:hover{background:#3a2528;color:#ff9c9c}
#companyForm label small{color:var(--muted);font-size:9px;font-weight:400}
.section-actions{display:flex;gap:7px}
.collector-status-wrap{position:relative;cursor:help}.collector-tooltip{display:none;position:absolute;left:8px;bottom:calc(100% + 8px);width:245px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#181923;box-shadow:0 15px 45px #0009;z-index:20}.collector-status-wrap:hover .collector-tooltip,.collector-status-wrap:focus-within .collector-tooltip{display:grid;gap:4px}.collector-tooltip strong{color:#e9e9ef;font-size:11px}.collector-tooltip span{color:#ffaaa8;font-size:10px;overflow-wrap:anywhere}.collector-tooltip small{color:var(--muted);font-size:9px}.collector-status-wrap.has-error{border-radius:10px;background:#23191b}
.is-loading .header-actions,.is-loading .section-head,.is-loading #checkBtn{visibility:hidden}.is-loading .skeleton-line,.is-loading .skeleton-text,.is-loading .skeleton-card{color:transparent!important;background:linear-gradient(90deg,#1b1c26 25%,#292b37 50%,#1b1c26 75%);background-size:200% 100%;animation:skeleton-shimmer 1.35s infinite;border-radius:7px}.skeleton-line{display:block;min-height:12px}.is-loading .skeleton-line.heading{width:280px;height:53px;margin:8px 0}.is-loading .skeleton-line.subtitle{width:340px;height:18px}.is-loading .skeleton-line.short{width:120px;height:13px}.is-loading .pulse .skeleton-line{width:135px;height:9px;margin:2px 0}.is-loading .skeleton-text{display:block!important;width:28px;height:15px}.is-loading .skeleton-line.stat-value{width:48px;height:40px;margin:8px 0}.is-loading .skeleton-line.stat-time{width:145px;height:40px;margin:8px 0}.is-loading .skeleton-line.status-detail{width:170px;height:11px}.skeleton-card{height:330px;border:1px solid var(--line)}.is-ready main,.is-ready .sidebar{animation:content-ready .18s ease-out}@keyframes skeleton-shimmer{to{background-position:-200% 0}}@keyframes content-ready{from{opacity:.82}to{opacity:1}}
.auth-screen{position:fixed;inset:0;z-index:100;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:7vw;padding:7vw;background:radial-gradient(circle at 15% 15%,#29351d 0,transparent 28%),radial-gradient(circle at 80% 90%,#29223d 0,transparent 32%),#090a0f}.auth-screen.hidden{display:none}.auth-story{max-width:610px}.auth-story .brand-mark{margin-bottom:42px}.auth-story h1{font-size:58px;line-height:1.02;margin:12px 0 18px}.auth-story p{max-width:540px;color:var(--muted);font-size:17px}.auth-proof{display:flex;flex-wrap:wrap;gap:7px;margin-top:30px}.auth-proof span{border:1px solid #34372e;border-radius:20px;padding:7px 11px;color:#bec5b3;font-size:10px}.auth-card{width:min(440px,100%);justify-self:end;border:1px solid var(--line);border-radius:20px;background:#14151dcc;padding:34px;box-shadow:0 30px 90px #0009;backdrop-filter:blur(20px)}.auth-card h2{font-size:30px;margin:8px 0 3px}.auth-card>p{color:var(--muted);margin:0 0 24px}.auth-card label{display:grid;gap:6px;color:#c8c8d3;font-size:11px;font-weight:600;margin:13px 0}.auth-card label.hidden{display:none}.auth-card input{border:1px solid var(--line);border-radius:9px;background:#0c0d13;color:white;padding:12px;outline:none}.auth-card input:focus{border-color:var(--accent)}#authError{display:block;min-height:18px;margin-top:10px;color:#ff9c9c;text-align:center}.auth-switch{display:block;margin:14px auto 0;border:0;background:none;color:var(--accent);cursor:pointer;font:600 11px "DM Sans"}.user-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:0 4px 10px;padding:9px;border:1px solid var(--line);border-radius:10px}.user-row>span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--accent);color:#111;font-weight:800}.user-row div{display:grid;min-width:0}.user-row strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}.user-row small{color:var(--muted);font-size:8px}.user-row button{border:0;background:none;color:#8f91a0;cursor:pointer;font-size:8px}@media(max-width:800px){.auth-screen{grid-template-columns:1fr;padding:25px}.auth-story{display:none}.auth-card{justify-self:stretch}}
.auth-legal{display:flex;justify-content:center;gap:14px;margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.auth-legal a{color:var(--muted);font-size:9px;text-decoration:none}.auth-legal a:hover{color:var(--accent)}