:root{color-scheme:dark;--bg:#0d1523;--panel:hsla(0,0%,100%,.075);--panel-strong:hsla(0,0%,100%,.12);--text:#f8fbff;--muted:#9dafc5;--line:hsla(0,0%,100%,.13);--green:#65f2ad;--blue:#6ed5ff;--yellow:#ffd166;--red:#ff6878;--ink:#07111c;--ease-out:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}#__nuxt,body,html{width:100%;max-width:100%;overflow-x:hidden}body{margin:0;min-width:320px;background:radial-gradient(circle at 18% 0,rgba(110,213,255,.2),transparent 34%),radial-gradient(circle at 92% 12%,rgba(101,242,173,.16),transparent 30%),linear-gradient(180deg,#111d30,#0d1523 46%,#090f19);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{border:0;color:inherit;cursor:pointer;transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out),border-color .18s var(--ease-out),background .18s var(--ease-out),opacity .18s var(--ease-out)}button:disabled{cursor:wait;opacity:.62}button:not(:disabled):active{transform:scale(.97)}.shell{width:min(100%,520px);min-height:100vh;margin:0 auto;overflow-x:hidden;padding:12px 10px 96px}.account-card,.hero,.metric,.panel,.profile-card{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 60px #0000002e}.enter-rise{animation:enter-rise .52s var(--ease-out) both}.delay-1{animation-delay:90ms}.delay-2{animation-delay:.17s}.profile-card{display:grid;grid-template-columns:48px 1fr 44px;align-items:center;gap:12px;border-radius:20px;padding:12px;position:relative;overflow:hidden}.hero:before,.profile-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 18%,hsla(0,0%,100%,.11) 44%,transparent 68%);opacity:0;transform:translate(-70%)}.hero:hover:before,.profile-card:hover:before{animation:soft-sheen 1.1s var(--ease-out)}.avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:17px;background:linear-gradient(135deg,var(--green),var(--blue));color:var(--ink);font-size:22px;font-weight:950;box-shadow:0 12px 30px #65f2ad38;animation:avatar-breathe 2.6s ease-in-out infinite}.profile-copy{min-width:0}.eyebrow,.hero h2,.panel h3,.profile-copy h1{margin:0}.profile-copy h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:21px}.empty,.hero p,.muted,.profile-copy span{color:var(--muted)}.eyebrow{color:var(--green);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.icon-button{width:44px;height:44px;border-radius:15px;background:var(--panel-strong);font-size:20px;font-weight:900}.icon-button:not(:disabled):hover{background:#6ed5ff2e;box-shadow:0 10px 28px #6ed5ff1f}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;margin-top:12px;border-radius:24px;padding:18px 16px;background:linear-gradient(135deg,#6ed5ff3d,#65f2ad1f),var(--panel);position:relative;overflow:hidden}.hero-copy{min-width:0}.hero h2{margin-top:12px;max-width:260px;font-size:34px;line-height:1.05}.hero p{margin:12px 0 0;line-height:1.35}.hero-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.hero-mini div{min-width:0;border-radius:14px;background:#ffffff0e;padding:9px 10px}.hero-mini b{display:block;color:var(--text);font-size:18px;line-height:1}.hero-mini span{display:block;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.2}.server-badge,.status-pill{display:inline-flex;align-items:center;border-radius:999px;background:#65f2ad21;color:var(--green);padding:7px 10px;font-size:12px;font-weight:900;justify-self:start}.readiness{display:grid;justify-items:center;gap:9px;min-width:116px}.readiness small{max-width:112px;color:var(--muted);font-size:11px;line-height:1.25;text-align:center}.score-ring{--score:360deg;display:grid;place-items:center;flex:0 0 104px;width:104px;height:104px;border-radius:50%;background:conic-gradient(var(--green) var(--score),hsla(0,0%,100%,.12) 0);position:relative;filter:drop-shadow(0 0 18px rgba(101,242,173,.22));animation:ring-float 3.6s ease-in-out infinite}.score-ring:after{inset:9px;background:#09111e}.score-ring:after,.score-ring:before{content:"";position:absolute;border-radius:50%}.score-ring:before{inset:-5px;background:conic-gradient(from 90deg,#65f2ad00,#65f2ad52,#6ed5ff00,#65f2ad00);opacity:.65;animation:ring-spin 5.2s linear infinite}.score-ring span,.score-ring strong{position:relative;z-index:1}.score-ring strong{font-size:25px}.score-ring span{position:absolute;margin-top:34px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px;margin:14px 0}.bottom-nav{position:fixed;z-index:30;left:50%;bottom:max(8px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:5px;width:min(calc(100% - 20px),500px);max-width:500px;border:1px solid var(--line);border-radius:18px;background:#0d1523f0;padding:7px;box-shadow:0 18px 60px #00000061;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-50%)}.bottom-nav.enter-rise{animation:bottom-nav-in .52s var(--ease-out) both}.bottom-nav button{min-width:0;min-height:42px;border-radius:13px;background:transparent;color:var(--muted);padding:0 4px;font-size:11px;font-weight:950;line-height:1.05;white-space:normal}.bottom-nav button.active{background:linear-gradient(135deg,var(--green),var(--blue));color:var(--ink);box-shadow:0 12px 34px #65f2ad2e}.bottom-nav button:not(.active):hover{background:#ffffff14;color:var(--text)}.filter-row button,.legend-item,.primary,.secondary,.segmented button,.tabs button{min-height:42px;border-radius:14px;background:#ffffff14;padding:0 10px;font-size:15px;font-weight:900;line-height:1.1;white-space:nowrap}.bulk-actions,.bulk-bar{display:grid;gap:8px}.bulk-bar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}.bulk-bar span{grid-column:1/-1;color:var(--muted);font-size:12px;font-weight:800}.bulk-actions button,.bulk-bar button,.mini-button{min-height:34px;border-radius:12px;padding:0 10px;font-size:12px}.bulk-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.bulk-actions .primary{grid-column:1/-1}.danger-action{border:1px solid rgba(255,104,120,.28);background:#ff68781f;color:#ffd1d7}.danger-action:not(:disabled):hover{background:#ff68782e;box-shadow:0 10px 26px #ff68781f}.filter-group{display:grid;gap:7px}.filter-group>span{color:var(--muted);font-size:12px;font-weight:900}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip-row button{max-width:100%;min-height:34px;border-radius:999px;background:#ffffff14;color:var(--text);padding:0 11px;font-size:12px;font-weight:900;white-space:normal}.chip-row button.active{background:linear-gradient(135deg,var(--green),var(--blue));color:var(--ink)}.year-filter{grid-template-columns:1.2fr 1fr 1fr}.filter-row button:not(.active):hover,.legend-item:not(.active):hover,.secondary:hover,.segmented button:not(.active):hover,.tabs button:not(.active):hover{background:#ffffff21;box-shadow:0 10px 26px #0000001f}.filter-row button.active,.legend-item.active,.primary,.segmented button.active,.tabs button.active{background:linear-gradient(135deg,var(--green),var(--blue));color:var(--ink);box-shadow:0 12px 34px #65f2ad2e}.account-layout,.stack{display:grid;gap:12px}.panel{border-radius:18px;overflow:hidden;padding:14px}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-title h3{font-size:18px}.account-card small,.attention-row span,.event-row span,.panel-title span,.server-row span{color:var(--muted);font-size:12px}.analytics-panel{background:linear-gradient(135deg,#65f2ad1a,#6ed5ff0f),var(--panel)}.status-strip{display:flex;height:16px;overflow:hidden;border-radius:999px;background:#ffffff14}.status-strip i{min-width:2px;position:relative;overflow:hidden;transition:width .42s var(--ease-out)}.status-strip i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.45),transparent);animation:strip-shimmer 2.1s ease-in-out infinite}.bar i.ready,.legend-item.ready strong,.status-strip i.ready{background:var(--green)}.bar i.cooldown,.legend-item.cooldown strong,.status-strip i.cooldown{background:var(--yellow)}.legend-item.limit strong,.status-strip i.limit{background:var(--blue)}.bar i.error,.legend-item.error strong,.status-strip i.error{background:var(--red)}.legend-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.legend-item{display:grid;gap:2px;min-height:74px;padding:10px;text-align:left}.legend-item strong{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;color:var(--ink)}.legend-item span{color:var(--muted);font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.queue-panel{background:linear-gradient(135deg,#6ed5ff1a,#ffd1660f),var(--panel)}.queue-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.queue-grid div{border:1px solid var(--line);border-radius:16px;background:#ffffff0f;padding:10px}.queue-grid b,.queue-grid span{display:block}.queue-grid b{font-size:24px}.queue-grid span{margin-top:2px;color:var(--muted);font-size:12px}.queue-grid .active b{color:var(--blue)}.queue-grid .danger b{color:var(--red)}.metric{min-height:112px;border-radius:18px;padding:14px;transition:transform .18s var(--ease-out),border-color .18s var(--ease-out),background .18s var(--ease-out)}.account-card:hover,.metric:hover,.panel:hover{border-color:#6ed5ff47}.account-card:hover,.metric:hover{transform:translateY(-2px)}.metric small,.metric span{display:block;color:var(--muted)}.metric strong{display:block;margin:8px 0 2px;font-size:34px}.metric.accent strong{color:var(--green)}.metric.warn strong{color:var(--red)}.filter-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.filter-row button{min-width:0;padding:0 8px;font-size:14px;overflow-wrap:anywhere;white-space:normal}.filter-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.attention-row,.event-row,.server-row{display:grid;gap:8px;width:100%;padding:12px 0;border-top:1px solid var(--line);background:transparent;text-align:left}.bar{display:flex;height:10px;overflow:hidden;border-radius:999px;background:#ffffff14}.bar i{transition:width .42s var(--ease-out)}.event-row em{justify-self:start;border-radius:999px;background:#65f2ad21;color:var(--green);padding:4px 8px;font-style:normal;font-weight:900}.attention-row b{color:var(--red)}.compact-panel{display:grid;gap:10px}.search-input,textarea{width:100%;border:1px solid var(--line);border-radius:16px;background:#ffffff14;color:var(--text);outline:none}.search-input{height:44px;padding:0 13px}.account-list,.account-stat-grid,.site-grid{display:grid;gap:10px}.account-list{grid-template-columns:repeat(2,minmax(0,1fr))}.account-card{display:grid;gap:8px;min-height:118px;border-radius:18px;padding:12px;text-align:left;transition:transform .18s var(--ease-out),border-color .18s var(--ease-out),background .18s var(--ease-out)}.account-card-top{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.account-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label-chip{display:inline-flex;align-items:center;background:#6ed5ff1f;color:var(--blue);padding:7px 10px;font-size:12px}.label-chip,.select-dot{border-radius:999px;font-weight:900}.select-dot{justify-self:start;background:#ffffff14;color:var(--muted);padding:5px 8px;font-size:11px}.select-dot.active{background:#65f2ad2e;color:var(--green)}.account-card.active{border-color:#65f2ad8c;background:#65f2ad1f}.account-card.error{border-color:#ff687873}.detail-actions{display:grid;grid-template-columns:1.4fr 1fr;gap:10px;margin:12px 0 14px}.detail-actions .danger-action{grid-column:1/-1}.label-editor{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}.label-editor label,.label-editor span{display:block}.label-editor span{margin-bottom:6px;color:var(--muted);font-size:12px;font-weight:800}.label-editor button{align-self:end;min-height:44px}.detail-actions button{min-width:0;white-space:normal}.secondary{background:#ffffff1a}.account-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2px}.account-stat-grid div,.add-preview,.site-card{border:1px solid var(--line);border-radius:16px;padding:10px;background:#ffffff0f}.account-stat-grid b{display:block;font-size:24px;line-height:1}.account-stat-grid span,.site-card small,.site-card span{display:block;margin-top:5px;color:var(--muted);font-size:12px}.site-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-card{min-height:94px;overflow:hidden}.site-card b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error-note{border-radius:14px;background:#ff68781f;color:#ffd1d7;padding:10px}.add-panel{display:grid;gap:12px}.segmented{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}textarea{min-height:190px;resize:vertical;padding:14px}.add-preview{display:flex;align-items:baseline;gap:8px}.add-preview b{color:var(--green);font-size:26px}.wide{width:100%}.toast{position:fixed;left:14px;right:14px;bottom:82px;width:min(calc(100% - 28px),492px);margin:0 auto;border:1px solid rgba(101,242,173,.4);border-radius:16px;background:#0d1523f5;color:var(--text);padding:14px;box-shadow:0 18px 60px #00000059;animation:toast-in .26s var(--ease-out) both}.journal-panel{display:grid;gap:10px}.journal-group{border:1px solid var(--line);border-radius:18px;background:#ffffff0e;padding:12px}.journal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.journal-event small,.journal-event span,.journal-head b,.journal-head span{display:block}.journal-head b{font-size:17px}.journal-event small,.journal-head span,.journal-more{color:var(--muted);font-size:12px}.journal-head em{flex:0 0 auto;border-radius:999px;background:#65f2ad21;color:var(--green);padding:5px 8px;font-size:12px;font-style:normal;font-weight:900}.journal-head em.danger,.journal-summary span.danger{background:#ff687821;color:var(--red)}.journal-summary{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.journal-summary span{border-radius:999px;background:#6ed5ff1c;color:var(--blue);padding:5px 8px;font-size:12px;font-weight:800}.journal-events{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:10px}.journal-event{display:grid;gap:3px}.journal-event span{font-size:13px;font-weight:800}.operations-hero{background:linear-gradient(135deg,#65f2ad1a,#6ed5ff1a),var(--panel)}.ops-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ops-grid div{border:1px solid var(--line);border-radius:16px;background:#ffffff0f;padding:10px}.ops-grid b,.ops-grid span{display:block}.ops-grid b{font-size:24px}.ops-grid span{color:var(--muted);font-size:12px}.ops-grid .danger b{color:var(--red)}.job-card{display:grid;gap:10px}.job-card.running{border-color:#6ed5ff6b}.job-card.failed{border-color:#ff687870}.job-card.retry{border-color:#ffd16670}.job-main,.job-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.job-main b,.job-main span{display:block}.job-main b{font-size:17px}.job-main span,.job-meta span{color:var(--muted);font-size:12px}.job-main em{flex:0 0 auto;border-radius:999px;background:#6ed5ff1c;color:var(--blue);padding:5px 8px;font-size:12px;font-style:normal;font-weight:900}.job-meta{flex-wrap:wrap;justify-content:flex-start}.history-hero{background:linear-gradient(135deg,#65f2ad1c,#6ed5ff17),var(--panel)}.account-insights,.history-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.account-insights{margin-bottom:12px}.history-summary div,.insight-card{min-width:0;border:1px solid var(--line);border-radius:16px;background:#ffffff0f;padding:10px}.history-summary b,.history-summary span,.insight-card b,.insight-card small,.insight-card span{display:block}.history-summary b,.insight-card b{overflow:hidden;color:var(--text);font-size:23px;line-height:1.05;text-overflow:ellipsis}.history-summary span,.insight-card small,.insight-card span{color:var(--muted);font-size:12px}.primary-insight{grid-column:1/-1;background:linear-gradient(135deg,#65f2ad24,#6ed5ff14),#ffffff0f}.insight-card.danger{border-color:#ff687861}.insight-card.danger b{color:var(--red)}.history-list{display:grid;gap:10px}.history-event{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;border:1px solid var(--line);border-radius:16px;background:#ffffff0e;padding:12px}.history-event b,.history-event span{display:block}.history-event b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-event p,.history-event span{color:var(--muted);font-size:12px}.history-event em{justify-self:end;border-radius:999px;background:#65f2ad21;color:var(--green);padding:5px 8px;font-size:12px;font-style:normal;font-weight:900}.history-event em.danger{background:#ff687821;color:var(--red)}.history-event p{grid-column:1/-1;min-width:0;margin:0;overflow-wrap:anywhere}@keyframes enter-rise{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bottom-nav-in{0%{opacity:0;transform:translate(-50%) translateY(14px) scale(.985)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes soft-sheen{0%{opacity:0;transform:translate(-70%)}35%{opacity:1}to{opacity:0;transform:translate(70%)}}@keyframes avatar-breathe{0%,to{box-shadow:0 12px 30px #65f2ad2e}50%{box-shadow:0 16px 38px #6ed5ff47}}@keyframes ring-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes ring-spin{to{transform:rotate(1turn)}}@keyframes strip-shimmer{0%{transform:translate(-100%)}55%,to{transform:translate(100%)}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:380px){.hero{grid-template-columns:1fr;align-items:start}.readiness{justify-self:end;margin-top:-10px}.bulk-actions,.bulk-bar,.filter-row,.label-editor,.legend-grid,.ops-grid,.queue-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:680px){body:before{content:"Mini App спроектирован под мобильный Telegram. Сузь окно, чтобы увидеть финальный mobile UX.";position:fixed;inset:24px;display:grid;place-items:center;border-radius:24px;background:#101827;color:var(--text);text-align:center;padding:24px;z-index:20}}
