@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg: #000;--bg-elevated: #0a0a0a;--bg-card: #111;--border: rgba(255,255,255,.08);--text: #fff;--text-dim: #555;--cyan: #00ffff;--green: #00ff88;--red: #ff4444;--orange: #ff9500}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}.app{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:var(--bg);border-right:1px solid var(--border);padding:24px 16px;position:fixed;width:220px;height:100vh;display:flex;flex-direction:column}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:0 8px 24px;border-bottom:1px solid var(--border);margin-bottom:24px}.sidebar-logo svg{width:24px;height:24px;color:var(--cyan)}.sidebar-logo h1{font-size:16px;font-weight:700;letter-spacing:-.5px}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;border:none;background:transparent;color:var(--text-dim);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;text-align:left;width:100%}.nav-item:hover{color:var(--text);background:var(--bg-elevated)}.nav-item.active{color:var(--cyan);background:#00ffff14}.nav-item svg{width:18px;height:18px}.connection-status{font-size:11px;padding:8px 12px;border-radius:6px;display:flex;align-items:center;gap:6px}.connection-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.connection-status.connected{color:var(--green);background:#00ff881a}.connection-status.disconnected{color:var(--red);background:#ff44441a}.main-content{margin-left:220px;padding:32px;min-height:100vh}.page-header{margin-bottom:32px}.page-header h2{font-size:24px;font-weight:700;letter-spacing:-.5px;margin-bottom:4px}.page-header p{color:var(--text-dim);font-size:13px}.alert{padding:12px 16px;border-radius:8px;margin-bottom:24px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500}.alert svg{width:16px;height:16px}.alert-success{background:#00ff881a;color:var(--green);border:1px solid rgba(0,255,136,.2)}.alert-error{background:#ff44441a;color:var(--red);border:1px solid rgba(255,68,68,.2)}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s}.stat-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-icon svg{width:22px;height:22px;color:#000}.stat-icon.domains{background:var(--cyan)}.stat-icon.mails{background:var(--green)}.stat-icon.today{background:var(--orange)}.stat-icon.status{background:#333}.stat-icon.status svg{color:#fff}.stat-icon.status.connected{background:var(--green)}.stat-icon.status.connected svg{color:#000}.stat-icon.status.disconnected{background:var(--red)}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.stat-value.status-text{font-size:14px;font-weight:600}.stat-label{font-size:12px;color:var(--text-dim);margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-bottom:16px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px}.card:hover{border-color:#ffffff1f}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.card-header h3{font-size:14px;font-weight:600}.dashboard-card{transition:none}.dashboard-card:hover{transform:none;border-color:var(--border)}.activity-list{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto}.activity-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;background:var(--bg-elevated)}.activity-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-email{font-size:13px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-time{font-size:11px;color:var(--text-dim)}.empty-activity{text-align:center;padding:40px;color:var(--text-dim);font-size:13px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-action-btn{display:flex;align-items:center;gap:10px;padding:14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;text-decoration:none}.quick-action-btn:hover{border-color:var(--cyan);background:#00ffff0d}.quick-action-btn svg{width:18px;height:18px;color:var(--cyan)}.domain-stats-list{display:flex;flex-direction:column;gap:12px}.domain-stat-item{display:flex;flex-direction:column;gap:6px}.domain-stat-info{display:flex;justify-content:space-between}.domain-stat-name{font-size:13px;font-weight:500}.domain-stat-count{font-size:12px;color:var(--cyan);font-weight:600;font-family:JetBrains Mono,monospace}.domain-stat-bar{height:4px;background:var(--bg-elevated);border-radius:2px;overflow:hidden}.domain-stat-fill{height:100%;background:var(--cyan);border-radius:2px;transition:width .4s ease}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:12px;font-weight:500;color:var(--text-dim);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.form-input{width:100%;padding:12px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;transition:all .15s}.form-input:focus{outline:none;border-color:var(--cyan)}.form-input::placeholder{color:var(--text-dim)}textarea.form-input{resize:vertical;font-family:JetBrains Mono,monospace;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;text-decoration:none}.btn svg{width:16px;height:16px}.btn-primary{background:var(--cyan);color:#000}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--cyan)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{filter:brightness(1.1)}.btn-sm{padding:6px 12px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.search-box{position:relative;margin-bottom:20px}.search-box input{width:100%;padding:12px 14px 12px 42px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px}.search-box input:focus{outline:none;border-color:var(--cyan)}.search-box svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-dim)}.selection-bar{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--cyan);border-radius:10px;padding:12px 16px;margin-bottom:20px}.selection-info{display:flex;align-items:center;gap:12px}.selection-count{font-weight:600;color:var(--cyan);font-size:13px}.selection-actions{display:flex;gap:8px;align-items:center}.domain-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.domain-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:14px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .15s}.domain-card:hover{border-color:#fff3}.domain-card.selected{border-color:var(--cyan);background:#00ffff0d}.domain-checkbox{width:18px;height:18px;accent-color:var(--cyan);cursor:pointer}.domain-info{flex:1}.domain-name{font-size:14px;font-weight:600}.domain-status{font-size:11px;color:var(--text-dim);display:flex;align-items:center;gap:4px;margin-top:2px}.domain-status.active:before{content:"";width:5px;height:5px;background:var(--green);border-radius:50%}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border)}th{font-size:11px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}td{font-size:13px}tr:hover{background:var(--bg-elevated)}td code{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--cyan)}.clickable-cell{cursor:pointer;transition:color .15s}.clickable-cell:hover{color:var(--cyan)}.status-badge{display:inline-flex;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.status-badge.success{background:#00ff8826;color:var(--green)}.status-badge.error{background:#ff444426;color:var(--red)}.checkbox-group{display:flex;align-items:center;gap:8px}.checkbox-group input[type=checkbox]{width:16px;height:16px;accent-color:var(--cyan)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.empty-state{text-align:center;padding:48px 24px;color:var(--text-dim)}.empty-state svg{width:48px;height:48px;margin-bottom:16px;opacity:.3}.empty-state h3{font-size:15px;color:var(--text);margin-bottom:6px}.empty-state p{font-size:13px}.spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.copy-btn{padding:4px 8px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-dim);cursor:pointer;font-size:11px}.copy-btn:hover{border-color:var(--cyan);color:var(--cyan)}.copy-btn svg{width:12px;height:12px}@media(max-width:1200px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:768px){.app{grid-template-columns:1fr}.sidebar{display:none}.main-content{margin-left:0;padding:20px}.dashboard-stats,.grid-2,.quick-actions{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #000;--bg2: #080808;--bg3: #0f0f0f;--border: #1a1a1a;--text: #fff;--dim: #666;--accent: #fff;--green: #0f0;--red: #f33}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);font-size:15px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-box{width:100%;max-width:320px;display:flex;flex-direction:column;gap:12px}.login-logo{font-size:56px;font-weight:800;text-align:center;margin-bottom:32px;letter-spacing:-2px}.login-box input{padding:16px 18px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:16px}.login-box input:focus{outline:none;border-color:#333}.login-box button{padding:16px;background:var(--text);border:none;border-radius:8px;color:var(--bg);font-size:16px;font-weight:600;cursor:pointer;margin-top:8px}.login-box button:hover{opacity:.9}.toast{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:8px;font-size:13px;font-weight:500;z-index:1000;animation:fadeIn .2s}.toast.success{background:var(--green);color:#000}.toast.error{background:var(--red);color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}}.app{display:flex;min-height:100vh}.sidebar{width:180px;background:var(--bg);border-right:1px solid var(--border);padding:24px 16px;display:flex;flex-direction:column;position:fixed;height:100vh}.logo{font-size:36px;font-weight:800;letter-spacing:-1px;margin-bottom:32px;padding-left:8px}.nav-items{display:flex;flex-direction:column;gap:4px;flex:1}.nav-items button{padding:12px 14px;background:transparent;border:none;border-radius:6px;color:var(--dim);font-size:15px;font-weight:500;text-align:left;cursor:pointer;transition:all .15s}.nav-items button:hover{color:var(--text)}.nav-items button.active{color:var(--text);background:var(--bg3)}.logout-btn{padding:12px 14px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--dim);font-size:14px;cursor:pointer}.logout-btn:hover{color:var(--red);border-color:var(--red)}.main{flex:1;margin-left:180px;padding:32px}.page h1{font-size:28px;font-weight:700;margin-bottom:24px;letter-spacing:-.5px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.stat{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:4px}.stat-num{font-size:36px;font-weight:700}.stat-label{font-size:13px;color:var(--dim);text-transform:uppercase;letter-spacing:.5px}.stat-status{font-size:24px}.stat-status.on{color:var(--green)}.stat-status.off{color:var(--red)}.cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px}.card.narrow{max-width:400px}.card h3{font-size:15px;font-weight:600;color:var(--dim);margin-bottom:16px;display:flex;align-items:center;gap:8px}.badge{background:var(--text);color:var(--bg);padding:3px 10px;border-radius:10px;font-size:12px}.list{display:flex;flex-direction:column;gap:6px}.list-item{padding:14px 16px;background:var(--bg3);border-radius:6px;font-size:15px}.list-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);font-size:14px}.list-row:last-child{border:none}.quick{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick button,.quick a{padding:12px;background:var(--bg3);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:12px;font-weight:500;cursor:pointer;text-decoration:none;text-align:center}.quick button:hover,.quick a:hover{border-color:#333}.input{width:100%;padding:12px 14px;background:var(--bg3);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:15px;font-family:inherit}.input:focus{outline:none;border-color:#333}textarea.input{resize:vertical}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.field span{font-size:12px;color:var(--dim);text-transform:uppercase;letter-spacing:.5px}.btns{display:flex;gap:8px;margin-bottom:12px}.btns button{padding:10px 16px;background:var(--bg3);border:1px solid var(--border);border-radius:6px;color:var(--dim);font-size:14px;cursor:pointer}.btns button:hover{color:var(--text);border-color:#333}.btns button.active{color:var(--text);background:var(--text);color:var(--bg);border-color:var(--text)}.btns button.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.btn-primary{width:100%;padding:14px;background:var(--text);border:none;border-radius:6px;color:var(--bg);font-size:15px;font-weight:600;cursor:pointer}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.check-list{display:flex;flex-direction:column;gap:4px;max-height:250px;overflow-y:auto}.check-list label{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg3);border:1px solid var(--border);border-radius:6px;font-size:14px;cursor:pointer}.check-list label:hover{border-color:#333}.check-list label.checked{border-color:var(--text);background:#ffffff0d}.check-list input{accent-color:var(--text)}.summary{background:var(--bg3);border-radius:6px;padding:14px;margin-bottom:16px;font-size:15px}.summary div{display:flex;justify-content:space-between;padding:4px 0}.summary span{color:var(--dim)}.summary b{color:var(--text)}.log-card{margin-top:16px}.log-list{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.log-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:4px;font-size:12px}.log-row.ok{background:#00ff0014}.log-row.err{background:#ff000014}.log-icon{font-weight:700;width:14px}.log-row.ok .log-icon{color:var(--green)}.log-row.err .log-icon{color:var(--red)}.log-mail{flex:1;font-family:monospace;font-size:11px}.log-time{color:var(--dim);font-size:10px}.table{background:var(--bg2);border:1px solid var(--border);border-radius:12px;overflow:hidden}.table-head{display:grid;grid-template-columns:2fr 1fr 1fr 40px;padding:14px 18px;background:var(--bg3);font-size:12px;font-weight:600;color:var(--dim);text-transform:uppercase;letter-spacing:.5px}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 40px;padding:12px 18px;border-top:1px solid var(--border);font-size:14px;align-items:center}.table-row:hover{background:var(--bg3)}.click{cursor:pointer}.click:hover{color:var(--dim)}.mono{font-family:monospace;font-size:13px}.del{width:24px;height:24px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--dim);font-size:14px;cursor:pointer}.del:hover{border-color:var(--red);color:var(--red)}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-head h1{margin:0}.actions{display:flex;gap:8px}.actions button,.actions a{padding:8px 14px;background:var(--bg2);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:12px;cursor:pointer;text-decoration:none}.actions button:hover,.actions a:hover{border-color:#333}.dim{color:var(--dim)}.empty{text-align:center;padding:32px;color:var(--dim);font-size:13px}@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}}@media(max-width:600px){.sidebar{display:none}.main{margin-left:0}.stats{grid-template-columns:1fr}}