:root{--sp-font:"PT Sans", "Segoe UI", Arial, sans-serif;--sp-font-caption:"PT Sans Caption", "PT Sans", Arial, sans-serif;--sp-text:#363b44;--sp-muted:#7c8489;--sp-bg:#f5f5f5;--sp-panel:#fff;--sp-border:#e1e4e8;--sp-border-strong:#cfd5dc;--sp-rail:#1b3446;--sp-rail-deep:#162b3a;--sp-rail-text:#9da8ae;--sp-primary:#4c8bf7;--sp-primary-hover:#3a78e4;--sp-link:#0057a9;--sp-danger:#f0574d;--sp-success:#2fb54d;--sp-warning-bg:#fff6dc;--sp-warning-border:#f5c542;--sp-radius:4px;--sp-shadow-modal:0 2px 20px #00000040;--sp-shadow-popover:0 8px 24px #10182829}.sp-root{font:15px/1.45 var(--sp-font);color:var(--sp-text);background:var(--sp-bg);display:flex;position:fixed;inset:0;overflow:auto}.sp-root *,.sp-root :before,.sp-root :after{box-sizing:border-box}.sp-root a,.sp-auth a{color:var(--sp-link);text-decoration:none}.sp-root a:hover,.sp-auth a:hover{text-decoration:underline}.sp-root a.sp-button,.sp-auth a.sp-button{color:var(--sp-text);text-decoration:none}.sp-rail{background:var(--sp-rail);flex-direction:column;flex:0 0 65px;align-items:center;gap:6px;min-height:100%;padding:14px 0;display:flex}.sp-root .sp-rail__logo{border-radius:50%;place-items:center;width:38px;height:38px;margin-bottom:14px;display:grid}.sp-root .sp-rail__logo img{width:38px;height:38px;display:block}.sp-root .sp-rail__item{width:65px;height:62px;color:var(--sp-rail-text);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;display:flex}.sp-root .sp-rail__item:hover,.sp-root .sp-rail__item_active{color:#fff;text-decoration:none}.sp-rail__item svg{width:22px;height:22px}.sp-main{flex-direction:column;flex:auto;min-width:0;display:flex}.sp-topbar{background:var(--sp-panel);border-bottom:1px solid var(--sp-border);flex:0 0 64px;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.sp-topbar__title{letter-spacing:.06em;text-transform:uppercase;font-size:15px;font-weight:700}.sp-topbar__account{color:var(--sp-muted);align-items:center;gap:12px;display:flex}.sp-content{width:100%;max-width:1080px;padding:24px}.sp-card{background:var(--sp-panel);border:1px solid var(--sp-border);border-radius:var(--sp-radius);margin-bottom:16px;padding:20px 24px}.sp-card__title{font:700 12px/1.2 var(--sp-font-caption);text-transform:uppercase;letter-spacing:1px;color:var(--sp-muted);margin:0 0 14px}.sp-muted{color:var(--sp-muted)}.sp-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sp-stack{gap:12px;display:grid}.sp-button{border-radius:var(--sp-radius);border:1px solid var(--sp-border-strong);background:var(--sp-panel);min-height:40px;color:var(--sp-text);font:14px/1 var(--sp-font);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:11px 20px;display:inline-flex}.sp-button:hover{border-color:#c5c9d0;text-decoration:none!important}.sp-button:disabled{opacity:.55;cursor:default}.sp-button_primary{background:var(--sp-primary);border-color:var(--sp-primary);color:#fff!important}.sp-button_primary:hover{background:var(--sp-primary-hover);border-color:var(--sp-primary-hover)}.sp-button_danger{color:var(--sp-danger)}.sp-button_small{min-height:28px;padding:5px 12px;font-size:13px}.sp-button:focus-visible,.sp-input:focus-visible,.sp-select:focus-visible{outline:2px solid var(--sp-primary);outline-offset:2px}.sp-field{gap:6px;display:grid}.sp-field__label{color:var(--sp-muted);font-size:13px}.sp-input,.sp-select{border:1px solid var(--sp-border-strong);border-radius:var(--sp-radius);height:40px;font:15px var(--sp-font);color:var(--sp-text);background:#fff;min-width:0;padding:0 12px}.sp-input_slug{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.sp-suffix{align-items:center;display:flex}.sp-suffix .sp-input{border-radius:var(--sp-radius) 0 0 var(--sp-radius);flex:auto}.sp-suffix__text{border:1px solid var(--sp-border-strong);border-radius:0 var(--sp-radius) var(--sp-radius) 0;background:var(--sp-bg);height:40px;color:var(--sp-muted);white-space:nowrap;border-left:0;align-items:center;padding:0 12px;display:flex}.sp-banner{border:1px solid var(--sp-warning-border);background:var(--sp-warning-bg);border-radius:6px;margin-bottom:16px;padding:12px 16px}.sp-banner_error{color:#a3261d;background:#fff1f0;border-color:#f7b9b4}.sp-banner_ok{color:#1c6b31;background:#effaf1;border-color:#a9e2b7}.sp-table{border-collapse:collapse;width:100%}.sp-table th{text-align:left;font:700 12px/1.2 var(--sp-font);text-transform:uppercase;color:var(--sp-muted);border-bottom:1px solid var(--sp-border);padding:10px 8px}.sp-table td{border-bottom:1px solid var(--sp-border);vertical-align:middle;height:40px;padding:10px 8px}.sp-chip{color:#1d4f9c;background:#e8f1ff;border-radius:12px;padding:2px 10px;font-size:12px;display:inline-block}.sp-teams{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.sp-team{background:var(--sp-panel);border:1px solid var(--sp-border);border-radius:var(--sp-radius);gap:8px;padding:18px 20px;display:grid}.sp-team__name{color:var(--sp-text);font-size:17px;font-weight:700}.sp-team__url{color:var(--sp-muted);word-break:break-all;font-size:13px}.sp-auth{font:15px/1.45 var(--sp-font);color:var(--sp-text);background:var(--sp-bg);display:flex;position:fixed;inset:0}.sp-auth__panel{background:var(--sp-rail-deep);color:#dfe6ea;flex-direction:column;flex:0 0 374px;justify-content:space-between;padding:48px 40px;display:flex}.sp-auth__brand{color:#fff;letter-spacing:.3px;font-size:26px;font-weight:700}.sp-auth__tagline{color:var(--sp-rail-text);margin-top:14px}.sp-auth__main{flex:auto;place-items:center;padding:24px;display:grid;overflow:auto}.sp-auth__box{background:var(--sp-panel);border:1px solid var(--sp-border);border-radius:var(--sp-radius);width:100%;max-width:440px;box-shadow:var(--sp-shadow-popover);padding:32px}.sp-auth__title{margin:0 0 8px;font-size:22px;font-weight:700}.sp-telegram{background:#2aabee;border-color:#2aabee;width:100%;color:#fff!important}.sp-telegram:hover{background:#229ed9;border-color:#229ed9}.sp-spinner{border:2px solid var(--sp-border-strong);border-top-color:var(--sp-primary);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite sp-spin}@keyframes sp-spin{to{transform:rotate(360deg)}}@media (max-width:720px){.sp-auth__panel{display:none}.sp-rail{flex-basis:52px}.sp-rail__item{width:52px}.sp-content{padding:16px}.sp-topbar{padding:0 16px}}
