@font-face{font-family:Inter;font-weight:100 900;font-display:swap;src:url('/static/inter-cyrillic.woff2')}@font-face{font-family:Manrope;font-weight:200 800;font-display:swap;src:url('/static/manrope-cyrillic.woff2')}
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#262633;background:#f0f1f5;font-synthesis:none;--ink:#262633;--graphite:#292933;--secondary:#6b6f86;--tertiary:#9599ad;--base:#f0f1f5;--surface:#fff;--widget:rgba(180,184,204,.14);--hairline:rgba(133,136,158,.15);--input:rgba(133,136,158,.28);--success:#008f4f;--success-soft:rgba(0,143,79,.09);--error:#e02222;--error-soft:rgba(224,34,34,.08);--warn:#e99400;--warn-soft:rgba(245,166,35,.11);--accent:#6c5ce7;--accent-soft:rgba(108,92,231,.1);--shadow:0 12px 42px rgba(38,38,51,.07);--font-display:Manrope,Inter,sans-serif}
*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{min-width:320px;background:var(--base)}button,input,select{font:inherit}button{border:0;color:inherit;cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3,.number{font-family:var(--font-display)}
.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 0,rgba(108,92,231,.11),transparent 35%),var(--base)}
.login-card{width:min(430px,100%);background:var(--surface);border:1px solid var(--hairline);border-radius:28px;padding:34px;box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:11px;font-family:var(--font-display);font-weight:800;font-size:20px}.brand-logo{display:block;width:142px;height:auto}.brand-product{padding-left:11px;border-left:1px solid var(--input);font-size:13px;color:var(--secondary);font-weight:750}.login-card h1{font-size:30px;margin-top:34px}.login-card>p{color:var(--secondary);margin:8px 0 26px;line-height:1.5}.field{display:grid;gap:7px;margin-top:14px}.field span{font-size:12px;font-weight:700;color:var(--secondary)}.field input,.field select{height:50px;border:1px solid var(--input);border-radius:14px;padding:0 15px;outline:none;background:white;color:var(--ink)}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.primary{min-height:46px;border-radius:14px;padding:0 18px;background:var(--graphite);color:white;font-weight:750}.login-card .primary{width:100%;margin-top:20px;height:52px}.form-error{min-height:20px;color:var(--error);font-size:12px;margin-top:10px}
.shell{min-height:100vh;display:grid;grid-template-columns:236px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:24px 17px;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--hairline)}.sidebar .brand{padding:0 8px 29px}.nav{display:grid;gap:6px}.nav button{height:45px;border-radius:13px;background:transparent;display:flex;align-items:center;gap:11px;padding:0 13px;color:var(--secondary);font-weight:700;font-size:13px;text-align:left}.nav button svg{width:19px}.nav button.active{background:var(--widget);color:var(--ink)}.sidebar-foot{margin-top:auto}.sidebar-foot button{width:100%;height:44px;border-radius:13px;background:transparent;color:var(--secondary)}
.content{padding:34px clamp(22px,4vw,58px) 60px;max-width:1580px;width:100%;margin:auto}.top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{display:flex;align-items:center;gap:7px;color:var(--secondary);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px var(--success-soft)}.top h1{font-size:clamp(28px,4vw,42px);letter-spacing:-.035em;margin-top:7px}.top p{color:var(--secondary);margin-top:7px;font-size:14px}.top-actions{display:flex;gap:9px}.secondary,.icon-btn{min-height:44px;border-radius:13px;background:var(--surface);border:1px solid var(--hairline);padding:0 15px;font-weight:700}.icon-btn{width:44px;padding:0;display:grid;place-items:center}.icon-btn svg{width:19px}
.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:23px}.summary article{min-height:116px;background:var(--surface);border:1px solid var(--hairline);border-radius:18px;padding:17px;position:relative;overflow:hidden}.summary small{display:block;color:var(--secondary);font-size:11px}.summary strong{display:block;font:750 28px var(--font-display);margin-top:8px}.summary p{font-size:11px;color:var(--secondary);margin-top:6px}.summary .mini-icon{position:absolute;right:15px;top:15px;width:34px;height:34px;border-radius:10px;background:var(--widget);display:grid;place-items:center;color:var(--secondary)}.summary .mini-icon svg{width:18px}.summary article.active-card .mini-icon{background:var(--error-soft);color:var(--error)}
.filters{display:grid;grid-template-columns:minmax(240px,1fr) 180px minmax(210px,280px) auto;gap:9px;margin-bottom:12px}.search{position:relative}.search input{width:100%;height:46px;border:1px solid var(--hairline);border-radius:13px;background:var(--surface);padding:0 15px 0 42px;outline:none}.search svg{position:absolute;left:14px;top:14px;width:18px;color:var(--secondary)}.filters select{height:46px;border:1px solid var(--hairline);border-radius:13px;background:var(--surface);padding:0 12px;outline:none;color:var(--ink)}
.section-head{display:flex;align-items:center;justify-content:space-between;margin:25px 1px 11px}.section-head h2{font-size:20px}.section-head span{color:var(--secondary);font-size:11px}.events{display:grid;gap:8px}.event-card{background:var(--surface);border:1px solid var(--hairline);border-radius:17px;padding:15px 16px;display:grid;grid-template-columns:minmax(220px,1.25fr) minmax(230px,1.15fr) minmax(170px,.8fr) auto;gap:18px;align-items:center;transition:.2s}.event-card:hover{transform:translateX(2px);border-color:rgba(133,136,158,.27);box-shadow:0 8px 24px rgba(38,38,51,.045)}.user-line{display:flex;align-items:center;gap:11px;min-width:0}.avatar{width:39px;height:39px;border-radius:12px;background:var(--error-soft);color:var(--error);display:grid;place-items:center;font-weight:850;font-family:var(--font-display)}.user-line>div{min-width:0}.user-line h3{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-line p,.event-meta p,.event-time p{font-size:10px;color:var(--secondary);margin-top:4px}.event-meta h3,.event-time h3{font:750 12px Inter,sans-serif}.event-meta h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-time h3{font-variant-numeric:tabular-nums}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:9px;font-size:10px;font-weight:850;margin-bottom:7px}.status-pill.active{background:var(--error-soft);color:var(--error)}.status-pill.expired{background:var(--widget);color:var(--secondary)}.status-pill.unblocked{background:var(--success-soft);color:var(--success)}.status-pill i{width:6px;height:6px;border-radius:50%;background:currentColor}.open-bot{height:40px;padding:0 13px;border-radius:11px;background:var(--accent-soft);color:var(--accent);font-weight:800;font-size:11px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.empty{border:1px dashed var(--input);border-radius:20px;padding:48px 20px;text-align:center;background:rgba(255,255,255,.45)}.empty h3{font-size:18px}.empty p{color:var(--secondary);font-size:13px;margin-top:7px}
.server-strip{display:flex;gap:8px;overflow:auto;padding-bottom:3px}.server-chip{flex:0 0 auto;min-width:145px;background:var(--surface);border:1px solid var(--hairline);border-radius:14px;padding:12px}.server-chip b{font-size:12px;display:block;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-chip span{display:block;color:var(--secondary);font-size:10px;margin-top:5px}.toast{position:fixed;z-index:50;left:50%;bottom:25px;transform:translate(-50%,20px);background:var(--graphite);color:#fff;border-radius:12px;padding:11px 15px;font-size:12px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-nav,.mobile-brand{display:none}.skeleton{animation:pulse 1.3s infinite alternate;color:transparent!important;background:var(--widget)!important;border-radius:7px}@keyframes pulse{to{opacity:.45}}
@media(max-width:1100px){.event-card{grid-template-columns:minmax(210px,1.1fr) minmax(210px,1fr) auto}.event-time{display:none}.filters{grid-template-columns:1fr 160px 220px auto}}
@media(max-width:900px){.shell{display:block}.sidebar{display:none}.content{padding:20px 16px 90px}.mobile-brand{display:flex;align-items:center;gap:8px;margin-bottom:19px}.mobile-brand .brand-logo{width:112px}.mobile-brand .brand-product{font-size:10px;padding-left:8px}.summary{grid-template-columns:repeat(2,1fr)}.mobile-nav{display:grid;grid-template-columns:repeat(2,1fr);position:fixed;z-index:10;bottom:10px;left:12px;right:12px;height:62px;padding:5px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border:1px solid var(--hairline);border-radius:19px;box-shadow:var(--shadow)}.mobile-nav button{background:transparent;border-radius:13px;font-size:10px;color:var(--secondary);display:grid;place-items:center}.mobile-nav button.active{background:var(--widget);color:var(--ink)}.filters{grid-template-columns:1fr 1fr}.filters .search{grid-column:1/-1}.filters .refresh{display:none}.event-card{grid-template-columns:1fr auto}.event-meta{grid-column:1/-1;grid-row:2}.event-time{display:block;grid-column:1/-1;grid-row:3}.open-bot{grid-column:2;grid-row:1}}
@media(max-width:560px){.top{align-items:flex-start}.top p{display:none}.top-actions .secondary{width:44px;font-size:0;padding:0}.top-actions .secondary::after{content:'↻';font-size:18px}.summary{gap:7px}.summary article{min-height:104px;padding:14px}.summary strong{font-size:23px}.filters{grid-template-columns:1fr}.filters .search{grid-column:auto}.event-card{padding:14px}.user-line h3{max-width:190px}.event-time{display:none}.login-card{padding:29px 24px;border-radius:24px}}