.bots-summary{display:flex;align-items:center;gap:16px;border:1px solid #77b2c728;background:linear-gradient(105deg,#15333c80,#0b1726c7);border-radius:14px;padding:17px 20px;margin:-5px 0 23px;box-shadow:inset 0 1px 0 #b4fff208}
.bots-summary-icon{display:grid;place-items:center;flex:none;width:41px;height:41px;border:1px solid #58d5c52c;border-radius:12px;background:#53ead20d;color:#72e8d2}.bots-summary-icon svg{width:22px;height:22px}
.bots-summary-heading{display:grid;gap:4px;flex:1}.bots-summary-heading>span{font-size:13px;font-weight:600;color:#d5e8ef}.bots-summary-heading small{font-size:11px;color:#8da8bb}.bots-summary-count{display:flex;align-items:baseline;gap:7px;color:#86abbd}.bots-summary-count strong{font-size:25px;color:#83efd6;font-weight:620;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.bots-summary-count>span{font-size:12px;white-space:nowrap}.bots-summary-count.is-offline strong{color:#f09ca7}.bots-summary.is-stale{border-color:#d2ab6540}.bots-summary.is-stale .bots-summary-heading small{color:#dbbb83}.bots-summary .panel-link{margin-left:10px;white-space:nowrap}
.bots-stats{display:flex;align-items:center;gap:36px;padding:19px 22px;background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:23px}.bots-stats>div{min-width:82px}.bots-stats>div>span{display:flex;gap:7px;align-items:center;font-size:11px;color:#8eaabd}.bots-stats strong{display:block;font-size:27px;font-weight:580;color:#d8eaf2;line-height:1.2;margin-top:8px;font-variant-numeric:tabular-nums}.bots-stats [data-bots-online]{color:#85ead1}.bots-stats [data-bots-offline]{color:#f09ca7}.bots-stats>p{margin-left:auto;max-width:380px;font-size:11px;line-height:1.8;color:#829fb2}.fleet-dot{height:5px;width:5px;border-radius:50%;flex:none}.fleet-dot.is-online{background:#53ead2;box-shadow:0 0 8px #53ead235}.fleet-dot.is-offline{background:#f18b9b}
.bots-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;align-items:start}.bot-card{min-width:0;position:relative;background:linear-gradient(150deg,#101f2fe8,#0b1623ed);border:1px solid #7daac326;border-radius:16px;padding:22px;box-shadow:0 16px 35px #00000014,inset 0 1px 0 #baf3ff05;transition:border-color 180ms ease,box-shadow 180ms ease}.bot-card.is-online{border-color:#53d9be30}.bot-card.is-offline{border-color:#f08c9b2d}.bot-card-top{display:flex;align-items:center;gap:12px}.bot-avatar{height:43px;width:43px;display:grid;place-items:center;flex:none;border-radius:12px;font-size:14px;letter-spacing:.2px;font-weight:700;color:#95f5e0;border:1px solid #53ead228;background:linear-gradient(135deg,#28554a70,#17344780)}.bot-card.is-offline .bot-avatar{color:#f2adb4;background:linear-gradient(135deg,#56344170,#25273880);border-color:#f092a32d}.bot-identity{min-width:0;flex:1}.bot-identity h2{font-size:16px;letter-spacing:-.2px;color:#e0edf5;font-weight:610;overflow-wrap:anywhere}.bot-identity p{font-size:11px;color:#7599b0;margin-top:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:175px}.bot-status{display:inline-flex;align-items:center;gap:6px;border:1px solid #53ead22a;border-radius:7px;background:#53ead209;color:#85e7cf;padding:5px 7px;font-size:10px;white-space:nowrap}.bot-status i{height:4px;width:4px;background:currentColor;border-radius:50%}.bot-status.is-offline{color:#f39ba9;border-color:#e7899a30;background:#f08c9b09}
.bot-balance{padding:24px 0 21px;border-bottom:1px solid #89b8cc15}.bot-balance>span{display:block;font-size:11px;color:#91adbe}.bot-balance>strong{display:block;font-size:27px;font-weight:580;letter-spacing:-.7px;color:#c7f4e8;line-height:1.2;margin-top:8px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.bot-balance>strong.is-unknown{font-size:21px;color:#879eaf;letter-spacing:-.2px}.bot-balance>small{display:block;font-size:10px;color:#6c8c9f;margin-top:7px}.bot-info{display:grid;gap:12px;padding:18px 0}.bot-info>div{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:11px}.bot-info>div>span{display:flex;align-items:center;gap:6px;color:#7e9daf;flex:none}.bot-info svg{width:12px;height:12px}.bot-info time,.bot-info strong{font-size:11px;color:#b1cbd7;text-align:right;font-weight:450}.bot-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #89b8cc15;padding-top:14px}.bot-card-bottom>small{font-size:10px;color:#6e8ba1}.bot-delete-button{display:grid;place-items:center;width:31px;height:31px;border:1px solid #bb7b8a25;border-radius:8px;color:#aa8b9a;background:#dd7d8d08}.bot-delete-button svg{width:14px;height:14px}.bot-delete-button:hover{background:#f08c9b12;border-color:#ec8d9e4a;color:#ffb1bf}.bot-delete-button:disabled{opacity:.4;cursor:wait}.bot-delete-confirm{padding:15px;border:1px solid #d48b9b35;background:#251b2b80;border-radius:10px;margin-top:15px}.bot-delete-confirm>strong{font-size:12px;color:#f0c2c9;font-weight:550}.bot-delete-confirm p{font-size:11px;line-height:1.8;color:#b59cab;margin-top:6px}.bot-delete-confirm>div{display:flex;align-items:center;gap:8px;margin-top:13px}.bot-confirm-danger,.bot-cancel{min-height:32px;padding:7px 12px;border:1px solid #bc7e8d36;border-radius:8px;font-size:11px;color:#efb3bf;background:#78455540}.bot-cancel{border-color:#83b6c326;color:#a7c2ce;background:#182d3b80}.bot-confirm-danger:hover{background:#a6556855;border-color:#e198a650}.bot-cancel:hover{background:#24415399}.bot-action-error{font-size:11px;color:#f2a4b2!important;line-height:1.7;margin-top:10px}
.bots-error{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;background:#42351c3d;border:1px solid #c2a16b40;border-radius:12px;margin-bottom:20px;color:#d8b981}.bots-error>svg{width:18px;height:18px;flex:none;margin-top:2px}.bots-error>div{flex:1}.bots-error strong{font-size:12px;line-height:1.7;font-weight:500}.bots-error p{font-size:11px;color:#b7a78e;line-height:1.8;margin-top:4px}.bots-error .panel-link{flex:none;color:#e1c493}.bots-empty,.bots-loading{padding:65px 25px;background:var(--panel);border:1px solid var(--line);border-radius:15px;text-align:center}.bots-empty>svg{width:40px;height:40px;color:#587a8c;margin:0 auto 21px}.bots-empty h2{font-size:20px;letter-spacing:-.4px;color:#c6dce7;font-weight:550}.bots-empty p{font-size:12px;color:#86a4b9;line-height:1.9;max-width:450px;margin:11px auto 0}.bots-empty>span{display:inline-block;margin-top:20px;padding:6px 10px;border:1px solid #75adbf20;border-radius:7px;font-size:10px;color:#7399ae}.bots-loading{display:grid;place-items:center;gap:16px;color:#8daabb;font-size:12px}.bots-loading .loader{width:23px;height:23px}
@media(hover:hover)and(pointer:fine){.bot-card:hover{border-color:#76c4c644;box-shadow:0 20px 44px #00000024,inset 0 1px 0 #c5fff309}}
@media(max-width:1250px){.bots-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bots-stats{gap:25px}.bots-stats>p{max-width:280px}}
@media(max-width:760px){.bots-summary{gap:12px;padding:15px}.bots-summary .panel-link{margin-left:0;font-size:11px}.bots-summary-icon{height:36px;width:36px;border-radius:10px}.bots-summary-count strong{font-size:23px}.bots-summary-heading>span{font-size:12px}.bots-summary-heading small{font-size:10px}.bots-stats{gap:20px;flex-wrap:wrap;padding:18px}.bots-stats>p{max-width:none;width:100%;margin-left:0;border-top:1px solid var(--line);padding-top:12px}}
@media(max-width:600px){.bots-grid{grid-template-columns:1fr;gap:16px}.bot-card{padding:20px}.bot-identity h2{font-size:17px}.bot-identity p{max-width:150px}.bot-status{font-size:10px}.bot-balance>strong{font-size:28px}.bot-info>div,.bot-info time,.bot-info strong{font-size:12px}.bot-card-bottom>small{font-size:10px}.bot-delete-button{height:34px;width:34px}.bots-summary{flex-wrap:wrap;margin-bottom:20px;gap:11px}.bots-summary-heading{flex-basis:calc(100% - 54px)}.bots-summary-count{padding-left:48px;flex:1}.bots-summary .panel-link{margin-left:auto;padding:6px 5px}.bots-summary-count>span{font-size:12px}.bots-stats{gap:20px;justify-content:space-between}.bots-stats>div{min-width:66px}.bots-stats strong{font-size:26px}.bots-stats>div>span{font-size:10px}.bot-delete-confirm p{font-size:12px}.bot-confirm-danger,.bot-cancel{min-height:36px;font-size:12px}.bots-error{flex-wrap:wrap}.bots-error .panel-link{margin-left:26px}.bots-empty,.bots-loading{padding:48px 20px}}
@media(prefers-reduced-motion:reduce){.bot-card{transition:none}}