*{box-sizing:border-box;margin:0;padding:0}body{color:#f8fafc;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.container{max-width:1200px;margin:0 auto;padding:2rem}.hero{text-align:center;padding:4rem 0}.hero h1{margin-bottom:1rem;font-size:3.5rem;font-weight:700}.hero h1 span{color:#22d3ee}.hero p{color:#94a3b8;margin-bottom:2rem;font-size:1.25rem}.buttons{justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.btn{border-radius:.5rem;padding:.75rem 2rem;font-weight:600;text-decoration:none;transition:all .2s}.btn-primary{color:#0f172a;background:#22d3ee}.btn-primary:hover{background:#06b6d4}.btn-secondary{color:#f8fafc;background:#334155}.btn-secondary:hover{background:#475569}.features{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:3rem;display:grid}.feature-card{background:#33415580;border:1px solid #334155;border-radius:.75rem;padding:1.5rem}.feature-card h3{color:#22d3ee;margin-bottom:.5rem;font-size:1.25rem}.feature-card p{color:#94a3b8}.auth-container{background:#33415580;border:1px solid #334155;border-radius:.75rem;max-width:400px;margin:4rem auto;padding:2rem}.auth-container h1{margin-bottom:.5rem;font-size:1.75rem}.auth-container>p{color:#94a3b8;margin-bottom:1.5rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{font-size:.875rem;font-weight:500}.form-group input{color:#f8fafc;background:#1e293b;border:1px solid #475569;border-radius:.5rem;padding:.75rem;font-size:1rem}.form-group input:focus{border-color:#22d3ee;outline:none}.btn-full{width:100%}.auth-footer{text-align:center;color:#94a3b8;margin-top:1.5rem}.auth-footer a{color:#22d3ee;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.agents-page{max-width:900px;margin:2rem auto}.agents-page h1{text-align:center;margin-bottom:.5rem;font-size:2rem}.subtitle{text-align:center;color:#94a3b8;margin-bottom:2rem}.agents-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.agent-card{cursor:pointer;background:#33415580;border:2px solid #334155;border-radius:.75rem;padding:1.5rem;transition:all .2s;position:relative}.agent-card:hover{border-color:#475569}.agent-card.selected{background:#22d3ee1a;border-color:#22d3ee}.agent-icon{margin-bottom:.5rem;font-size:2.5rem}.agent-card h3{color:#22d3ee;margin-bottom:.5rem}.agent-card p{color:#94a3b8;margin-bottom:1rem;font-size:.875rem}.price{color:#f8fafc;font-weight:600}.checkbox{border:2px solid #475569;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex;position:absolute;top:1rem;right:1rem}.agent-card.selected .checkbox{color:#0f172a;background:#22d3ee;border-color:#22d3ee}.channels-page{max-width:800px;margin:2rem auto}.channels-page h1{text-align:center;margin-bottom:.5rem;font-size:2rem}.channels-page .subtitle{text-align:center;margin-bottom:2rem}.channels-list{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.channel-card{background:#1e293b99;border:1px solid #334155;border-radius:1rem;align-items:stretch;gap:1.5rem;padding:1.5rem;transition:border-color .2s,box-shadow .2s;display:flex}.channel-card:hover{border-color:#475569;box-shadow:0 4px 20px #0003}.channel-icon-wrapper{background:#22d3ee1a;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.channel-icon{font-size:2rem}.channel-info{flex-direction:column;flex:1;justify-content:center;display:flex}.channel-info h3{color:#f8fafc;margin-bottom:.25rem;font-size:1.25rem}.channel-info p{color:#94a3b8;margin:0;font-size:.9rem}.channel-info .status-badge{color:#22c55e;background:#22c55e26;border-radius:.25rem;align-items:center;gap:.375rem;margin-top:.5rem;padding:.25rem .5rem;font-size:.75rem;display:inline-flex}.channel-info .status-badge.inactive{color:#64748b;background:#64748b26}.connected-badge{color:#22c55e;font-weight:600}.auth-note{text-align:center;background:#fbbf241a;border:1px solid #fbbf24;border-radius:.5rem;margin-top:1rem;padding:.75rem}.auth-note p{color:#fbbf24;margin:0;font-size:.75rem}.dashboard{max-width:900px;margin:0 auto;padding:2rem 0}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.dashboard-header h1{margin:0}.dashboard-actions{text-align:center;margin-top:2rem}.agent-status{margin:1rem 0;font-size:.9rem}.status-connected{color:#22c55e}.status-not-connected{color:#6b7280}.channel-actions{align-items:center;gap:1.5rem;display:flex}.channel-action{flex-direction:column;align-items:center;gap:.5rem;min-width:70px;display:flex}.channel-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:500}.telegram-action{min-width:100px}.telegram-connected,.telegram-qr{align-items:center;gap:.25rem;display:flex}.telegram-qr a{color:#fff;background:#08c;border-radius:.25rem;padding:.375rem .75rem;font-size:.875rem;text-decoration:none;display:inline-block}.telegram-qr a:hover{background:#069}.telegram-qr-image{border-radius:.5rem;width:120px;height:120px;margin-top:.5rem;display:block}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{text-align:center;background:#fff;border-radius:1rem;width:90%;max-width:400px;padding:2rem}.modal h2{margin-bottom:1rem}.modal-qr{border-radius:.5rem;width:200px;height:200px;margin:1rem 0}.modal-hint{color:#64748b;margin-bottom:.5rem}.btn-small{padding:.375rem .75rem;font-size:.875rem}.agent-channels{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:.5rem 0;display:flex}.channel-badge{color:#94a3b8;background:#6464644d;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem}.channel-badge.connected{color:#22c55e;background:#22c55e33}.page-header{margin-bottom:1rem}.empty-state{text-align:center;background:#3341554d;border:1px dashed #475569;border-radius:.75rem;padding:3rem 1rem}.empty-state-text{color:#94a3b8;margin-bottom:1.5rem;font-size:1.1rem}.github-select-options{grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem;display:grid}.github-option{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;padding:2rem}.github-option .option-icon{margin-bottom:1rem;font-size:3rem}.github-option h3{margin-bottom:.5rem}.github-option p{color:#94a3b8;margin-bottom:1rem;font-size:.9rem}.github-option ul{text-align:left;margin-bottom:1.5rem;padding:0;list-style:none}.github-option li{color:#94a3b8;padding:.25rem 0}.github-option li:first-child{color:#22c55e}.github-option .btn{width:100%}@media (max-width:768px){.github-select-options{grid-template-columns:1fr}}