@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#09090b;--color-surface:#111113;--color-surface-2:#1a1a1d;--color-surface-3:#222225;--color-border:#ffffff0f;--color-border-solid:#2a2a2d;--color-border-hover:#ffffff1f;--color-primary:#6366f1;--color-primary-hover:#818cf8;--color-primary-glow:#6366f126;--color-accent:#8b5cf6;--color-accent-subtle:#8b5cf614;--color-text:#fafafa;--color-text-muted:#71717a;--color-text-secondary:#a1a1aa;--color-text-tertiary:#52525b;--color-sider-bg:#0c0c0e;--color-sider-border:#ffffff0a;--color-sider-item-hover:#ffffff0a;--color-sider-item-active:#ffffff14;--color-sider-text:#71717a;--color-sider-text-hover:#fafafa;--color-sider-logo:#e4e4e7;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--success-bg:#22c55e14;--success-border:#22c55e26;--success-text:#4ade80;--danger-bg:#ef444414;--danger-border:#ef444426;--danger-text:#f87171;--warning-bg:#f59e0b14;--warning-border:#f59e0b26;--warning-text:#fbbf24;--info-bg:#3b82f614;--info-border:#3b82f626;--info-text:#60a5fa;--neutral-bg:#94a3b814;--neutral-text:#94a3b8;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0006;--shadow-glow-green:0 0 12px #22c55e4d;--gradient-blue:linear-gradient(135deg, #3b82f61a, #3b82f605);--gradient-green:linear-gradient(135deg, #22c55e1a, #22c55e05);--gradient-purple:linear-gradient(135deg, #8b5cf61a, #8b5cf605);--gradient-teal:linear-gradient(135deg, #14b8a61a, #14b8a605);--gradient-amber:linear-gradient(135deg, #f59e0b1a, #f59e0b05);--gradient-dark:linear-gradient(180deg, var(--color-surface), var(--color-bg));--sidebar-width:240px;--header-height:64px;--content-max-width:1400px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--color-bg:#f8f9fa;--color-surface:#fff;--color-surface-2:#f4f4f5;--color-surface-3:#e4e4e7;--color-border:#0000000f;--color-border-solid:#e4e4e7;--color-border-hover:#0000001f;--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-primary-glow:#4f46e51a;--color-text:#18181b;--color-text-muted:#71717a;--color-text-secondary:#52525b;--color-text-tertiary:#a1a1aa;--color-sider-bg:#fff;--color-sider-border:#0000000f;--color-sider-item-hover:#00000008;--color-sider-item-active:#0000000f;--color-sider-text:#71717a;--color-sider-text-hover:#18181b;--color-sider-logo:#27272a;--success-bg:#22c55e0f;--success-border:#22c55e1f;--success-text:#166534;--danger-bg:#ef44440f;--danger-border:#ef44441f;--danger-text:#991b1b;--warning-bg:#f59e0b0f;--warning-border:#f59e0b1f;--warning-text:#92400e;--info-bg:#3b82f60f;--info-border:#3b82f61f;--info-text:#1d4ed8;--neutral-bg:#00000008;--neutral-text:#475569;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--shadow-glow-green:0 0 12px #52525b0f;--gradient-blue:linear-gradient(135deg, #3b82f60f, #3b82f603);--gradient-green:linear-gradient(135deg, #22c55e0f, #22c55e03);--gradient-purple:linear-gradient(135deg, #8b5cf60f, #8b5cf603);--gradient-teal:linear-gradient(135deg, #14b8a60f, #14b8a603);--gradient-amber:linear-gradient(135deg, #f59e0b0f, #f59e0b03);--gradient-dark:linear-gradient(180deg, var(--color-surface), var(--color-bg))}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}html,body,#root{background-color:var(--color-bg);height:100%;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-solid);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.page-container{max-width:var(--content-max-width);margin:0 auto}.page-header{margin-bottom:28px}.page-header h1{letter-spacing:-.02em;color:var(--color-text);margin-bottom:4px;font-family:Outfit,sans-serif;font-size:22px;font-weight:600}.page-header p{color:var(--color-text-muted);margin:0;font-size:13px}.page-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.page-toolbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast);padding:24px}.card:hover{border-color:var(--color-border-hover)}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-title{color:var(--color-text);font-family:Outfit,sans-serif;font-size:15px;font-weight:600}.card-subtitle{color:var(--color-text-muted);margin-top:2px;font-size:12px}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);min-height:90px;padding:20px 24px;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--color-border-hover);transform:translateY(-1px)}.stat-card.active{border-color:var(--color-primary)}.stat-card .stat-icon{border-radius:var(--radius-md);background:var(--color-surface-2);width:32px;height:32px;color:var(--color-primary);justify-content:center;align-items:center;font-size:15px;display:flex}.stat-card .stat-value{letter-spacing:-.03em;color:var(--color-text);margin-top:8px;font-family:Outfit,sans-serif;font-size:28px;font-weight:700;line-height:1.1}.stat-card .stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:600}.stat-card .stat-sub{color:var(--color-text-secondary);margin-top:4px;font-size:11px;font-weight:500}.stat-card .stat-change{border-radius:20px;align-items:center;gap:4px;margin-top:8px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.dash-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.dash-card-title{color:var(--color-text);margin-bottom:4px;font-family:Outfit,sans-serif;font-size:14px;font-weight:600}.dash-card-subtitle{color:var(--color-text-muted);font-size:12px}.cards-container{flex-wrap:wrap;gap:16px;width:100%;display:flex}.card-label{cursor:pointer;flex:1;min-width:200px;display:block;position:relative}.card-label input[type=radio]{opacity:0;width:0;height:0;position:absolute}.stat-card-radio{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);flex-direction:column;gap:16px;height:100%;padding:18px 20px;display:flex}.card-label:hover .stat-card-radio{border-color:var(--color-border-hover)}.stat-card-radio.active{border-color:var(--color-text-muted);background:var(--color-surface-2)}.theme-green input[type=radio]:checked+.stat-card-radio{background:linear-gradient(180deg, var(--color-surface) 0%, #22c55e0f 100%);border-color:#22c55e4d}.theme-green input[type=radio]:checked+.stat-card-radio .icon-box{color:#22c55e;background-color:#22c55e1f}.theme-blue input[type=radio]:checked+.stat-card-radio{background:linear-gradient(180deg, var(--color-surface) 0%, #3b82f60f 100%);border-color:#3b82f64d}.theme-blue input[type=radio]:checked+.stat-card-radio .icon-box{color:#3b82f6;background-color:#3b82f61f}.theme-amber input[type=radio]:checked+.stat-card-radio{background:linear-gradient(180deg, var(--color-surface) 0%, #f59e0b0f 100%);border-color:#f59e0b4d}.theme-amber input[type=radio]:checked+.stat-card-radio .icon-box{color:#f59e0b;background-color:#f59e0b1f}.card-header-radio{align-items:center;gap:10px;display:flex}.icon-box{background-color:var(--color-surface-2);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:16px;display:flex}.card-title-radio{color:var(--color-text);font-size:13px;font-weight:500}.card-body-radio{justify-content:space-between;align-items:flex-end;display:flex}.card-info-radio{flex-direction:column;gap:4px;display:flex}.main-value-radio{color:var(--color-text);letter-spacing:-.03em;font-family:Outfit,sans-serif;font-size:22px;font-weight:600}.sub-text-radio{color:var(--color-text-muted);font-size:12px;font-weight:500}.mini-chart-radio{justify-content:flex-end;align-items:flex-end;width:70px;height:35px;display:flex}.bar-chart-radio{align-items:flex-end;gap:3px;height:100%;display:flex}.bar-radio{background-color:#52525b;border-radius:2px;width:6px}.bar-radio.green-dim{background-color:#a1a1aa33}.bar-radio.blue-active{background-color:#3b82f6}.bar-radio.blue-dim{background-color:#3b82f633}.btn-action-primary{background:var(--color-primary)!important;color:#fff!important;height:32px!important;transition:all var(--transition-fast)!important;border:none!important;border-radius:6px!important;padding:0 14px!important;font-size:13px!important;font-weight:500!important}.btn-action-primary:hover{background:var(--color-primary-hover)!important}.btn-action-surface{background:var(--color-surface)!important;color:var(--color-text)!important;border:1px solid var(--color-border-solid)!important;border-radius:6px!important;height:32px!important;padding:0 14px!important;font-size:13px!important;font-weight:500!important}.btn-action-surface:hover{border-color:var(--color-primary)!important;color:var(--color-primary)!important}.btn-action-danger{color:var(--color-danger)!important;border:1px solid var(--danger-border)!important;background:0 0!important;border-radius:6px!important;height:32px!important;font-size:13px!important}.btn-action-danger:hover{background:var(--danger-bg)!important}.btn-action-earning{color:var(--color-success)!important;border:1px solid var(--success-border)!important;background:0 0!important;border-radius:6px!important;height:32px!important;font-size:13px!important}.btn-action-success{color:var(--color-success)!important;border:1px solid var(--success-border)!important;background:0 0!important;border-radius:6px!important}.btn-action-info{color:var(--color-info)!important;border:1px solid var(--info-border)!important;background:0 0!important;border-radius:6px!important}.btn-action-primary:disabled,.btn-action-primary.ant-btn-disabled,.btn-action-success:disabled,.btn-action-success.ant-btn-disabled,.btn-action-info:disabled,.btn-action-info.ant-btn-disabled{pointer-events:none;opacity:.6;background:var(--color-surface-2)!important;color:var(--color-text-muted)!important;border:1px solid var(--color-border)!important}.quick-action-btn{background:var(--color-surface)!important;border:1px solid var(--color-border)!important;width:100%!important;height:44px!important;color:var(--color-text)!important;transition:all var(--transition-fast)!important;cursor:pointer!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;gap:8px!important;font-size:12px!important;font-weight:500!important;display:flex!important}.quick-action-btn:hover{border-color:var(--color-primary)!important;color:var(--color-primary)!important}.status-badge{letter-spacing:.01em;white-space:nowrap;border-radius:4px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.status-badge.status-active,.status-badge.status-online,.status-badge.status-idle_on_promo_page,.status-badge.status-completed{background:var(--success-bg);color:var(--color-success);border:1px solid var(--success-border)}.status-badge.status-inactive,.status-badge.status-offline,.status-badge.status-logged_out,.status-badge.status-neutral{background:var(--color-surface-2);color:var(--color-text-muted);border:1px solid var(--color-border)}.status-badge.status-error,.status-badge.status-failed,.status-badge.status-login_failed,.status-badge.status-dead,.status-badge.status-banned{background:var(--danger-bg);color:var(--color-danger);border:1px solid var(--danger-border)}.status-badge.status-logging_in,.status-badge.status-otp_pending,.status-badge.status-pending,.status-badge.status-queued,.status-badge.status-processing,.status-badge.status-running,.status-badge.status-maintenance{background:var(--warning-bg);color:var(--color-warning);border:1px solid var(--warning-border)}.status-badge.status-session_expired,.status-badge.status-partial,.status-badge.status-executing_job,.status-badge.status-gmail_ready,.status-badge.status-info,.status-badge.status-idle{background:var(--info-bg);color:var(--color-info);border:1px solid var(--info-border)}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-section{border-top:1px solid var(--color-border);margin-top:20px;padding-top:20px}.form-section-title{color:var(--color-text);margin-bottom:12px;font-size:13px;font-weight:600}.ant-layout{background:var(--color-bg)!important}.ant-layout-sider{background-color:var(--color-sider-bg)!important;border-right:1px solid var(--color-border)!important}.ant-layout-header{background:var(--color-bg)!important;border-bottom:1px solid var(--color-border)!important}.ant-menu{color:var(--color-text-muted)!important;background:0 0!important;border:none!important}.ant-menu-submenu-title,.ant-menu-item{color:var(--color-sider-text)!important;border-radius:var(--radius-md)!important;width:calc(100% - 16px)!important;height:36px!important;transition:all var(--transition-fast)!important;margin-block:2px!important;margin-inline:8px!important;padding:0 12px!important;font-size:13px!important;font-weight:500!important;line-height:36px!important}.ant-menu-item .anticon,.ant-menu-submenu-title .anticon{opacity:.75;color:var(--color-sider-text)!important;transition:all var(--transition-fast)!important;font-size:16px!important}.ant-menu-submenu-title:hover,.ant-menu-item:hover{color:var(--color-sider-text-hover)!important;background:var(--color-sider-item-hover)!important}.ant-menu-submenu-title:hover .anticon,.ant-menu-item:hover .anticon{opacity:1;color:var(--color-sider-text-hover)!important}.ant-menu-item-selected{background:var(--color-accent-subtle)!important;color:var(--color-primary)!important;font-weight:600!important}.ant-menu-item-selected .anticon{opacity:1;color:var(--color-primary)!important}.ant-menu-submenu-selected>.ant-menu-submenu-title{color:var(--color-sider-text-hover)!important}.ant-menu-sub.ant-menu-inline{background:0 0!important;position:relative!important}.ant-menu-sub.ant-menu-inline .ant-menu-item{height:34px!important;color:var(--color-sider-text)!important;padding-left:52px!important;font-size:12px!important;line-height:34px!important}.ant-menu-sub.ant-menu-inline .ant-menu-item:before{content:""!important;background-color:var(--color-text-tertiary)!important;width:5px!important;height:5px!important;transition:all var(--transition-fast)!important;border-radius:50%!important;position:absolute!important;top:50%!important;left:36px!important;transform:translateY(-50%)!important}.ant-menu-sub.ant-menu-inline .ant-menu-item-selected:before{background-color:var(--color-info)!important}.ant-menu-sub.ant-menu-inline:after{content:""!important;background:var(--color-border-solid)!important;width:1px!important;position:absolute!important;top:0!important;bottom:0!important;left:38px!important}.ant-menu-sub.ant-menu-inline .ant-menu-item-selected{color:var(--color-sider-text-hover)!important;background:0 0!important}.ant-table{background:0 0!important}.ant-table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.ant-table-wrapper .ant-table{border:none;border-radius:0;overflow:hidden;background:0 0!important}.ant-table-measure-row,.ant-table-measure-row td{display:none!important}.ant-table-thead>tr>th,.ant-table-thead>tr>td,.ant-table-wrapper .ant-table-thead>tr>th,.ant-table-wrapper .ant-table-thead>tr>td{background:var(--color-surface)!important;border-bottom:1px solid var(--color-border)!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:var(--color-text-muted)!important;padding:12px 16px!important;font-size:11px!important;font-weight:600!important}.ant-table-tbody>tr>td,.ant-table-wrapper .ant-table-tbody>tr>td,.ant-table-wrapper .ant-table-cell{transition:background var(--transition-fast);border-bottom:1px solid var(--color-border)!important;color:var(--color-text)!important;background:0 0!important;padding:14px 16px!important;font-size:13px!important}.ant-table-tbody>tr:hover>td,.ant-table-wrapper .ant-table-tbody>tr:hover>td,.ant-table-wrapper .ant-table-tbody>tr:hover>.ant-table-cell{background:var(--color-surface-2)!important}.ant-table-tbody>tr:last-child>td,.ant-table-wrapper .ant-table-tbody>tr:last-child>td{border-bottom:none!important}.ant-pagination{margin-top:16px!important}.ant-empty-description{color:var(--color-text-muted)!important}.ant-modal .ant-modal-content,.ant-modal-content{background:var(--color-surface)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-lg)!important}.ant-modal .ant-modal-header,.ant-modal-header{border-bottom:1px solid var(--color-border)!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;background:0 0!important;margin:-20px -24px 20px!important;padding:20px 24px!important}.ant-modal .ant-modal-title,.ant-modal-title{color:var(--color-text)!important;font-family:Outfit,sans-serif!important;font-size:16px!important;font-weight:600!important}.ant-modal .ant-modal-body{padding:24px!important}.ant-modal .ant-modal-footer{border-top:1px solid var(--color-border)!important;padding:16px 24px!important}.ant-modal-close{color:var(--color-text-muted)!important}.ant-modal-close:hover{color:var(--color-text)!important;background-color:var(--color-surface-2)!important}.ant-input,.ant-input-number,.ant-select-selector,.ant-picker,.ant-input-affix-wrapper{background:var(--color-surface-2)!important;border-color:var(--color-border-solid)!important;border-radius:var(--radius-md)!important;color:var(--color-text)!important;transition:all var(--transition-fast)!important}.ant-input:focus,.ant-input-focused,.ant-input-number:focus,.ant-input-number-focused,.ant-select-focused .ant-select-selector{border-color:var(--color-text-muted)!important;box-shadow:0 0 0 2px var(--color-primary-glow)!important}.ant-form-item-label>label{color:var(--color-text-secondary)!important;font-size:12px!important;font-weight:500!important}.ant-dropdown-menu{background:var(--color-surface)!important;border:1px solid var(--color-border-solid)!important;border-radius:var(--radius-md)!important}.ant-dropdown-menu-item{transition:background var(--transition-fast);color:var(--color-text)!important}.ant-dropdown-menu-item:hover{background:var(--color-surface-2)!important}.ant-popconfirm .ant-popover-inner{background:var(--color-surface)!important;border:1px solid var(--color-border-solid)!important}.ant-tag{border:1px solid #0000!important;border-radius:4px!important;padding:2px 10px!important;font-size:11px!important}.card-label>div{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);padding:16px 20px}.card-label>div:hover{border-color:var(--color-border-hover)}.card-label input:checked+div{border-color:var(--color-text-muted);background:var(--color-surface-2)}.mono{font-family:JetBrains Mono,Fira Code,monospace;font-size:12px}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:12px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.app-layout{min-height:100vh}.app-sidebar{z-index:100;flex-direction:column;display:flex;top:0;bottom:0;left:0;overflow:hidden;background:var(--color-sider-bg)!important;border-right:1px solid var(--color-sider-border)!important;position:fixed!important}.app-sidebar .ant-layout-sider-children{flex-direction:column;height:100%;display:flex}.app-main{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-normal)}.app-sidebar.ant-layout-sider-collapsed+.app-main,.ant-layout-sider-collapsed~.app-main{margin-left:64px}.sidebar-logo{cursor:pointer;align-items:center;gap:12px;padding:20px 20px 16px;display:flex}.sidebar-logo-icon{border-radius:var(--radius-md);background:var(--color-surface-2);border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text);flex-shrink:0;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;display:flex}.sidebar-logo-text{color:var(--color-text);letter-spacing:-.02em;font-family:Outfit,sans-serif;font-size:18px;font-weight:700}.sidebar-nav{flex:1;padding:8px 0;overflow-y:auto}.sidebar-footer{border-top:1px solid var(--color-border);padding:16px 20px}.sidebar-status{align-items:center;gap:8px;display:flex}.sidebar-status-text{color:var(--color-text-muted);font-size:12px}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.online{background:var(--color-success);box-shadow:0 0 8px #22c55e66}.status-dot.offline{background:var(--color-text-tertiary)}.app-header{z-index:50;height:var(--header-height);background:var(--color-bg);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.header-left,.header-right{align-items:center;gap:16px;display:flex}.header-breadcrumb{color:var(--color-text-muted);font-size:13px}.header-breadcrumb span{color:var(--color-text-tertiary);margin:0 6px}.collapse-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;color:var(--color-text-muted);transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.collapse-btn:hover{border-color:var(--color-text-muted);color:var(--color-text)}.header-user{cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast);align-items:center;gap:10px;padding:4px 8px;display:flex}.header-user:hover{background:var(--color-surface-2)}.header-user-info{flex-direction:column;display:flex}.header-user-name{color:var(--color-text);font-size:13px;font-weight:500;line-height:1.2}.header-user-role{color:var(--color-text-muted);font-size:11px}.app-content{min-height:calc(100vh - var(--header-height));padding:28px}.menu-sub-item{padding-left:28px!important;font-size:12px!important}.login-page{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);width:380px;box-shadow:var(--shadow-lg);padding:40px 32px}.login-logo-section{text-align:center;margin-bottom:32px}.login-logo-icon{border-radius:var(--radius-lg);background:var(--color-surface-2);border:1px solid var(--color-border);width:48px;height:48px;color:var(--color-text);justify-content:center;align-items:center;margin:0 auto 16px;font-size:20px;display:flex}.login-title{color:var(--color-text);letter-spacing:-.02em;margin-bottom:4px;font-family:Outfit,sans-serif;font-size:24px;font-weight:600}.login-input{background:var(--color-surface-2)!important;border-color:var(--color-border-solid)!important}.login-btn{border-radius:var(--radius-md)!important;height:44px!important}.login-submit-item{margin-top:12px;margin-bottom:0}.fade-in{animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dashboard-page .page-header-title{font-family:Outfit,sans-serif;font-size:22px}.dashboard-page .page-header-subtitle{color:var(--color-text-muted);margin-top:4px;font-size:13px}.stat-cards-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);flex-direction:column;padding:20px;display:flex}.stat-card:hover{border-color:var(--color-border-hover)}.stat-card--active,.stat-card--active:hover{border-color:var(--color-primary);background:var(--color-accent-subtle)}.stat-card-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:8px;font-size:11px;font-weight:600;display:block}.stat-card-value{letter-spacing:-.03em;color:var(--color-text);font-family:Outfit,sans-serif;font-size:26px;font-weight:700;line-height:1.1;display:block}.stat-card-change{align-items:center;gap:4px;margin-top:8px;font-size:11px;font-weight:500;display:flex}.stat-card-change--up{color:var(--color-success)}.stat-card-change--down{color:var(--color-danger)}.stat-card-change--neutral{color:var(--color-text-muted)}.stat-card-change-icon{width:12px;height:12px}.stat-card-success .stat-card-value{color:var(--color-success)}.stat-card-danger .stat-card-value{color:var(--color-danger)}.stat-card-info .stat-card-value{color:var(--color-info)}.stat-card-earning .stat-card-value{color:var(--color-success)}.dashboard-row{grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px;display:grid}.dashboard-chart-area,.dashboard-health-area,.dashboard-activity-area{min-width:0}.dashboard-activity-area--full{grid-column:1/-1}.dashboard-actions-area{min-width:0}.chart-tabs{gap:4px;margin-bottom:16px;display:flex}.chart-tab{color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:500}.chart-tab:hover{color:var(--color-text);background:var(--color-surface-2)}.chart-tab--active{color:var(--color-text);background:var(--color-surface-2);border-color:var(--color-border)}.chart-container{width:100%;height:260px}.health-list{flex-direction:column;gap:12px;display:flex}.health-item{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.health-item:last-child{border-bottom:none}.health-item-left{align-items:center;gap:10px;display:flex}.health-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.health-dot--online{background:var(--color-success);box-shadow:0 0 6px #22c55e4d}.health-dot--offline{background:var(--color-danger)}.health-item-info{flex-direction:column;display:flex}.health-item-name{color:var(--color-text);font-size:13px;font-weight:500}.health-item-detail{color:var(--color-text-muted);font-size:11px}.activity-list{flex-direction:column;gap:0;display:flex}.activity-item{border-bottom:1px solid var(--color-border);grid-template-columns:32px 1fr auto auto;align-items:start;gap:10px;padding:12px 0;display:grid}.activity-item:last-child{border-bottom:none}.activity-avatar{background:var(--color-surface-2);width:32px;height:32px;color:var(--color-text-muted);border-radius:50%;flex-shrink:0;grid-row:1/3;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.activity-content{min-width:0}.activity-content-top{align-items:baseline;gap:8px;display:flex}.activity-user{color:var(--color-text);white-space:nowrap;font-size:13px;font-weight:500}.activity-time{color:var(--color-text-tertiary);white-space:nowrap;font-size:11px}.activity-action{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;grid-column:2/-1;margin-top:2px;font-size:12px;overflow:hidden}.activity-badge{white-space:nowrap;justify-self:end}.activity-empty{text-align:center;color:var(--color-text-muted);padding:24px;font-size:13px}.badge-action{letter-spacing:.01em;white-space:nowrap;border-radius:4px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-action-success{background:var(--success-bg);color:var(--color-success)}.badge-action-info{background:var(--info-bg);color:var(--color-info)}.badge-action-danger{background:var(--danger-bg);color:var(--color-danger)}.badge-action-warning{background:var(--warning-bg);color:var(--color-warning)}.badge-action-accent{background:var(--color-accent-subtle);color:var(--color-primary)}.badge-action-default{background:var(--color-surface-2);color:var(--color-text-muted)}.quick-actions-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.accounts-page .page-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.bulk-actions-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:10px;padding:12px 20px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.bulk-actions-count{color:var(--color-primary);background:var(--color-accent-subtle);border-radius:4px;margin-right:4px;padding:2px 10px;font-size:12px;font-weight:600}.cell-mail{color:var(--color-text-secondary);font-size:12px}.cell-earning{font-weight:600}.cell-earning-total{font-size:14px;font-weight:700}.earning-positive{color:var(--color-success)!important}.gmail-status-cell{align-items:center;gap:6px;display:flex}.gmail-check-time{color:var(--color-text-tertiary);font-size:10px}.sites-page .page-toolbar{align-items:center;gap:10px;margin-bottom:20px;display:flex}.site-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:default;padding:20px}.site-card:hover{border-color:var(--color-border-hover)}.site-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.site-card-icon{border-radius:var(--radius-md);background:var(--gradient-blue);border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-info);justify-content:center;align-items:center;font-size:16px;display:flex}.site-card-name{color:var(--color-text);font-family:Outfit,sans-serif;font-size:15px;font-weight:600}.site-card-url{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;margin-bottom:16px;font-size:12px;display:flex;overflow:hidden}.site-card-url a{color:var(--color-info);text-decoration:none}.site-card-url a:hover{text-decoration:underline}.site-card-stats{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);gap:16px;margin-bottom:16px;padding:12px 0;display:flex}.site-card-actions{justify-content:flex-end;gap:8px;display:flex}.machines-page .page-toolbar{align-items:center;gap:10px;margin-bottom:20px;display:flex}.capacity-cell{align-items:center;gap:8px;display:flex}.capacity-bar{background:var(--color-surface-3);border-radius:3px;width:60px;height:6px;overflow:hidden}.capacity-fill{height:100%;transition:width var(--transition-normal);border-radius:3px}.capacity-fill.capacity-low{background:var(--color-success)}.capacity-fill.capacity-mid{background:var(--color-warning)}.capacity-fill.capacity-high{background:var(--color-danger)}.capacity-label{color:var(--color-text-muted);white-space:nowrap;font-size:11px}.cell-code{font-size:12px}.cell-id{color:var(--color-text-muted);font-size:11px}.proxies-page .page-toolbar{align-items:center;gap:10px;margin-bottom:20px;display:flex}.proxy-country{align-items:center;gap:4px;display:inline-flex}.bulk-import-help{color:var(--color-text-muted);margin-bottom:12px;font-size:12px;line-height:1.6}.bulk-import-textarea textarea{font-family:JetBrains Mono,monospace!important;font-size:12px!important}.users-page .page-toolbar{align-items:center;gap:10px;margin-bottom:20px;display:flex}.user-cell{align-items:center;gap:10px;display:flex}.user-avatar{background:var(--color-surface-3);width:30px;height:30px;color:var(--color-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.role-badge{border-radius:4px;padding:2px 10px;font-size:11px;font-weight:500;display:inline-block}.role-badge.role-admin{background:var(--info-bg);color:var(--color-info);border:1px solid var(--info-border)}.role-badge.role-user{background:var(--color-surface-2);color:var(--color-text-muted);border:1px solid var(--color-border)}.jobs-page .page-toolbar{align-items:center;gap:10px;margin-bottom:20px;display:flex}.job-row-completed td{background:var(--success-bg)!important}.job-row-failed td{background:var(--danger-bg)!important}.job-row-processing td{background:var(--warning-bg)!important}.job-row-pending td{background:var(--color-surface)!important}.modal-title-row{align-items:center;gap:8px;display:flex}.detail-section-header{color:var(--color-text);margin:16px 0 8px;font-size:13px;font-weight:600}.automations-page .page-toolbar{align-items:center;gap:10px;margin-bottom:20px;display:flex}.automation-cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.automation-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);padding:20px}.automation-card:hover{border-color:var(--color-border-hover)}.automation-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.automation-card-name{color:var(--color-text);font-family:Outfit,sans-serif;font-size:15px;font-weight:600}.automation-card-desc{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.automation-card-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.automation-site-badge{background:var(--info-bg);color:var(--color-info);border:1px solid var(--info-border);border-radius:20px;padding:2px 10px;font-size:11px;font-weight:500}.automation-site-general{background:var(--color-surface-2);color:var(--color-text-muted);border-color:var(--color-border)}.automation-run-count{color:var(--color-text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.active-jobs-panel{border-left:3px solid var(--color-warning);margin-bottom:20px}.active-jobs-header{color:var(--color-text);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.active-job-item{align-items:center;gap:12px;padding:8px 0;display:flex}.active-job-label{color:var(--color-text-muted);white-space:nowrap;font-size:12px}.activity-timeline{flex-direction:column;gap:0;display:flex}.timeline-date-group{margin-bottom:24px}.timeline-date-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);margin-bottom:12px;padding-bottom:8px;font-size:12px;font-weight:600}.timeline-entry{gap:12px;padding:12px 0;display:flex;position:relative}.timeline-connector{flex-direction:column;flex-shrink:0;align-items:center;width:32px;display:flex}.timeline-dot{background:var(--color-text-tertiary);z-index:1;border-radius:50%;width:8px;height:8px;margin-top:6px}.timeline-line{background:var(--color-border);flex:1;width:1px;margin-top:4px}.timeline-content{flex:1;min-width:0}.timeline-entry-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.timeline-entry-info{align-items:center;gap:8px;display:flex}.timeline-avatar{background:var(--color-surface-3);width:24px;height:24px;color:var(--color-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:600;display:flex}.timeline-user-name{color:var(--color-text);font-size:13px;font-weight:500}.timeline-time{color:var(--color-text-tertiary);white-space:nowrap;font-size:11px}.timeline-description{color:var(--color-text-muted);font-size:13px;line-height:1.5}.timeline-pagination{border-top:1px solid var(--color-border);justify-content:center;align-items:center;gap:16px;margin-top:24px;padding-top:16px;display:flex}.error-card{border-left:3px solid var(--color-danger)}.empty-state{text-align:center;color:var(--color-text-muted);padding:48px 24px;font-size:13px}.site-dashboard-page .page-toolbar{align-items:center;gap:10px;margin-bottom:20px;display:flex}.site-header-info{margin-bottom:20px}.site-header-url{color:var(--color-text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.site-header-url a{color:var(--color-info);text-decoration:none}.site-header-url a:hover{text-decoration:underline}.section-title{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.section-title-icon{color:var(--color-text-muted);margin-top:2px;margin-right:10px;font-size:16px}.section-title-text h1{color:var(--color-text);letter-spacing:-.02em;margin:0;font-family:Outfit,sans-serif;font-size:20px;font-weight:600}.section-title-subtitle{color:var(--color-text-muted);margin-top:2px;font-size:13px}.section-title-extra{margin-left:auto}@media (width<=1200px){.dashboard-row{grid-template-columns:1fr}.stat-cards-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.sidebar-overlay{display:none}@media (width<=992px){.app-sidebar{transition:transform .25s;transform:translate(-100%);z-index:1000!important}.app-sidebar--mobile-open{transform:translate(0)!important}.sidebar-overlay{z-index:999;background:#00000080;display:block;position:fixed;inset:0}.app-main{margin-left:0!important}.app-header{padding:0 16px}.app-content{padding:16px}.form-row,.automation-cards-grid{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.stat-cards-row{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:14px}.stat-card-value{font-size:20px}.page-header h1,.page-header-title,.section-title-text h1{font-size:18px}.page-toolbar{flex-direction:column;align-items:stretch}.page-toolbar .ant-btn{width:100%}.bulk-actions-bar{flex-wrap:wrap}.dashboard-row{gap:12px}.header-user-info,.header-breadcrumb{display:none}.site-card{padding:14px}}@media (width<=480px){.stat-cards-row{grid-template-columns:1fr}.login-card{width:100%;margin:16px;padding:24px 20px}.quick-actions-grid{grid-template-columns:1fr}.app-content{padding:12px}.ant-table-wrapper{border-radius:8px;overflow-x:auto}.timeline-entry{gap:8px}}@media (width<=992px){.ant-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.ant-table{min-width:700px}}.skeleton{background:linear-gradient(90deg, var(--color-surface-2) 25%, var(--color-surface-3) 50%, var(--color-surface-2) 75%);background-size:200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{width:60%;height:14px}.skeleton-number{width:80px;height:28px}.skeleton-badge{width:60px;height:20px;display:inline-block}