:root{--bg:#f7f7fb;--card:#fff;--text:#18181b;--muted:#71717a;--border:#e4e4e7;--violet:#6d4aff;--violet-soft:#f0edff;--green:#169b62;color-scheme:light}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,p{margin:0}.brand{display:flex;align-items:center;gap:12px}.brand-icon,.header-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#7957ff,#5c39e8);box-shadow:0 10px 25px #6d4aff35}.brand strong{display:block;font-size:17px}.brand small{display:block;color:var(--muted);margin-top:2px}.login-shell{min-height:100vh;max-width:1180px;margin:auto;padding:48px 28px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:72px}.hero h1{max-width:680px;margin-top:64px;font-size:clamp(40px,5vw,64px);line-height:1.04;letter-spacing:-.045em}.hero>p{max-width:600px;margin-top:24px;color:var(--muted);font-size:18px;line-height:1.65}.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.pills span{display:flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid var(--border);border-radius:999px;background:#ffffffaa;font-size:13px}.auth-card,.card{background:var(--card);border:1px solid var(--border);border-radius:20px;box-shadow:0 20px 50px #18181b0d}.auth-card{padding:28px}.tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:12px;background:#f1f1f4;margin-bottom:24px}.tabs button{border:0;background:transparent;border-radius:9px;padding:10px;color:var(--muted)}.tabs button.active{background:#fff;color:var(--text);box-shadow:0 2px 8px #00000012}.telegram-auth{display:grid;gap:22px}.telegram-heading{display:flex;align-items:center;gap:12px}.telegram-heading>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:#fff;background:#229ed9}.telegram-heading h2{font-size:17px}.auth-note,.telegram-heading p{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.5}.telegram-auth label>span{display:flex;align-items:center;gap:6px}.telegram-auth .ghost{justify-self:center}.notice{padding:10px 12px;border-radius:10px;color:#17658a;background:#229ed914;font-size:12px}.oauth-callback-shell{min-height:100vh;display:grid;align-content:center;justify-items:center;gap:22px;padding:24px}.oauth-callback-card{width:min(100%,420px)}.oauth-callback-card .loading{justify-content:center}form{gap:17px}form,label{display:grid}label{gap:7px;font-size:13px;font-weight:650}input,textarea{width:100%;border:1px solid var(--border);background:#fff;color:var(--text);border-radius:12px;padding:12px 13px;outline:none}input:focus,textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px #6d4aff18}.ghost,.primary,.secondary{border:0;border-radius:11px;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:650}.primary{color:#fff;background:var(--violet)}.primary:hover{background:#5f3ee5}.secondary{background:#fff;border:1px solid var(--border);color:var(--text)}.ghost{background:transparent;color:var(--muted)}.full{width:100%;margin-top:3px}.error{border:1px solid #ef444444;background:#ef44440b;color:#c52d2d;padding:11px 13px;border-radius:10px;font-size:12px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}nav{height:68px;padding:0 28px;background:#ffffffdd;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:2;backdrop-filter:blur(14px)}nav .brand small{display:none}nav .brand-icon{width:38px;height:38px;border-radius:12px}.dashboard{width:min(900px,calc(100% - 36px));margin:0 auto;padding:48px 0 80px}.dashboard-header{display:flex;align-items:center;gap:14px;margin-bottom:28px}.dashboard-header h1{font-size:24px}.dashboard-header p,.muted{color:var(--muted);font-size:13px;margin-top:4px}.title-line{display:flex;align-items:center;gap:10px}.title-line b{color:var(--green);background:#169b6214;border-radius:999px;padding:4px 8px;font-size:10px}.card{padding:24px}.stack{display:grid;gap:18px}.inline-title,.section-title{display:flex;align-items:flex-start;gap:12px}.section-title>span{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:11px;background:var(--violet-soft);color:var(--violet)}.inline-title h2,.section-title h2,section>h2{font-size:15px}.section-title p{color:var(--muted);font-size:13px;margin-top:5px}.card textarea{min-height:270px;resize:vertical;margin-top:20px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;line-height:1.55}.field-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:7px}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.instruction-summary{display:flex;justify-content:space-between;gap:20px;align-items:center}.instruction-summary p{color:var(--muted);font-size:12px;margin-top:5px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.channel-card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:18px;text-align:left;display:flex;align-items:center;gap:13px;color:var(--text)}.channel-card.selected,.channel-card:hover{border-color:var(--violet);background:var(--violet-soft)}.channel-card svg{color:var(--violet)}.channel-card small,.channel-card strong{display:block}.channel-card small{color:var(--muted);margin-top:4px}.inline-title{align-items:center}.card>.primary,.loading{margin-top:18px}.loading{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.qr{overflow:auto;text-align:center;margin-top:20px}.qr pre{display:inline-block;text-align:left;margin:0;padding:16px;border-radius:12px;background:#080808;color:#fff;font:8px/8px monospace}.center{text-align:center}.telegram-form{max-width:560px;display:grid;gap:14px;margin-top:18px}.input-action{display:flex;gap:8px}.input-action button{flex:none}.credential-help{display:flex;gap:12px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--violet-soft)}.credential-help>svg{color:var(--violet);flex:none;margin-top:2px}.credential-help p{margin:5px 0 7px}.credential-help a{color:var(--violet);display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:600}.credential-note{font-size:13px;margin:0}.credential-state{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border-radius:10px;background:#169b620d;color:var(--green);font-size:12px;font-weight:650}.credential-state .ghost{padding:5px;color:var(--violet)}.active-connection{display:flex;align-items:center;gap:13px;border-color:#169b6240;background:#169b6209}.active-connection>svg{color:var(--green)}.active-connection>div{flex:1}.active-connection p{color:var(--muted);font-size:12px;margin-top:4px}.active-connection code{color:var(--text)}.center-screen{min-height:100vh;display:grid;place-items:center;color:var(--violet)}.access-gate{max-width:680px;display:grid;gap:22px}.gate-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;color:var(--violet);background:var(--violet-soft)}.gate-copy .eyebrow{color:var(--violet);font-size:10px;font-weight:800;letter-spacing:.12em}.gate-copy h2{margin-top:7px;font-size:22px}.gate-copy>p:last-child{max-width:570px;margin-top:9px;color:var(--muted);font-size:14px;line-height:1.55}.telegram-contact{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #229ed944;border-radius:14px;color:var(--text);background:#229ed90b;text-decoration:none}.telegram-contact>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#fff;background:#229ed9}.telegram-contact div{flex:1}.telegram-contact small,.telegram-contact strong{display:block}.telegram-contact small{color:var(--muted);margin-bottom:2px}.telegram-contact:hover{border-color:#229ed9}.access-gate label>span{display:block;margin-bottom:7px}@media (max-width:800px){.login-shell{grid-template-columns:1fr;gap:42px;padding:30px 20px}.hero h1{margin-top:46px}.login-panel{width:min(100%,480px)}.channel-grid{grid-template-columns:1fr}}@media (max-width:520px){.hero h1{font-size:38px}.pills{display:none}.auth-card{padding:20px}.dashboard{padding-top:30px}.card{padding:18px}.active-connection,.input-action{align-items:stretch;flex-direction:column}.instruction-summary{align-items:flex-start;flex-direction:column}.instruction-summary button{width:100%}nav{padding:0 18px}}