.vote-console { --vb-accent: #ff7a18; --vb-green: #31d590; --vb-red: #ff5271; color: #f6f7fb; }
.vote-console-header { display:flex; justify-content:space-between; gap:24px; padding:30px 34px; margin-bottom:24px; border:1px solid rgba(255,122,24,.24); border-radius:24px; background:radial-gradient(circle at 88% 0%,rgba(255,122,24,.17),transparent 33%),linear-gradient(135deg,#171116,#0e1017 60%); box-shadow:0 22px 55px rgba(0,0,0,.32); }
.vote-kicker { margin:0 0 8px; color:var(--vb-accent); font-size:11px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }.vote-console-header h1{margin:0;font-size:30px}.vote-console-header h1 i{color:var(--vb-accent);margin-right:10px}.vote-console-header p{margin:10px 0 0;color:#9aa0ad}.vote-health{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:12px;font-weight:800;letter-spacing:.1em}.vote-health-dot{width:10px;height:10px;border-radius:50%;background:#687080}.vote-health.is-live .vote-health-dot{background:var(--vb-green);box-shadow:0 0 0 6px rgba(49,213,144,.12);animation:vb-pulse 1.8s infinite}.vote-health.is-offline .vote-health-dot{background:var(--vb-red)}
.vote-notice{margin:0 0 22px;padding:14px 17px;border-radius:12px;font-weight:700}.vote-notice.success{background:rgba(49,213,144,.1);border:1px solid rgba(49,213,144,.25);color:#a6f2d1}.vote-notice.error{background:rgba(255,82,113,.1);border:1px solid rgba(255,82,113,.25);color:#ffb4c2}
.vote-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.vote-metric{padding:20px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:linear-gradient(145deg,rgba(26,29,40,.92),rgba(12,13,19,.92))}.vote-metric i{color:var(--vb-accent);font-size:16px}.vote-metric span{display:block;margin-top:17px;color:#9399a8;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.vote-metric strong{display:block;margin-top:7px;font-size:19px;overflow:hidden;text-overflow:ellipsis}.vote-metric.live strong{color:var(--vb-green)}
.vote-console-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:24px}.vote-card{border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(145deg,rgba(25,27,38,.86),rgba(10,11,17,.95));box-shadow:0 15px 38px rgba(0,0,0,.25);overflow:hidden}.vote-card-head{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;border-bottom:1px solid rgba(255,255,255,.07)}.vote-card-head h2{margin:0;font-size:15px}.vote-card-head h2 i{color:var(--vb-accent);margin-right:9px}.vote-card-head span{color:#858c9d;font-size:11px}.vote-card-body{padding:23px}.vote-config{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.vote-url-field{grid-column:span 3}.vote-field label{display:block;margin-bottom:8px;color:#aeb4c1;font-size:11px;font-weight:700}.vote-field input{box-sizing:border-box;width:100%;padding:13px 12px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#0d0f16;color:#fff;outline:0}.vote-field input:focus{border-color:var(--vb-accent);box-shadow:0 0 0 3px rgba(255,122,24,.13)}.vote-action-row{display:flex;gap:12px;align-items:center;margin-top:21px}.vote-button{border:0;border-radius:11px;padding:13px 18px;color:#fff;font-weight:800;cursor:pointer;transition:.2s}.vote-button:hover{transform:translateY(-1px)}.vote-button:disabled{cursor:not-allowed;opacity:.4;transform:none}.vote-start{background:linear-gradient(135deg,#ff8b26,#e75812);box-shadow:0 10px 22px rgba(231,88,18,.25)}.vote-stop{width:100%;background:rgba(255,82,113,.12);border:1px solid rgba(255,82,113,.35);color:#ff9caf}.vote-hint{color:#7d8492;font-size:11px}.vote-output{margin:0;padding:18px;min-height:270px;max-height:460px;overflow:auto;background:#080a0f;color:#b9c2cf;font:12px/1.55 Consolas,monospace;white-space:pre-wrap}.vote-empty{padding:35px 10px;text-align:center;color:#7c8391}.vote-empty i{display:block;margin-bottom:10px;font-size:25px;color:#4a505c}@keyframes vb-pulse{50%{box-shadow:0 0 0 10px rgba(49,213,144,0)}}@media(max-width:900px){.vote-console-grid{grid-template-columns:1fr}.vote-metrics{grid-template-columns:repeat(2,1fr)}.vote-config{grid-template-columns:1fr}.vote-url-field{grid-column:auto}.vote-console-header{display:block}.vote-health{margin-top:22px}}@media(max-width:500px){.vote-console-header{padding:23px}.vote-metrics{grid-template-columns:1fr}.vote-card-body{padding:17px}}
.vote-activity-feed{max-height:360px;overflow-y:auto;padding:0;scrollbar-width:thin;scrollbar-color:rgba(255,122,24,.6) rgba(255,255,255,.04)}.vote-activity-feed::-webkit-scrollbar{width:7px}.vote-activity-feed::-webkit-scrollbar-track{background:rgba(255,255,255,.04)}.vote-activity-feed::-webkit-scrollbar-thumb{background:rgba(255,122,24,.55);border-radius:8px}.vote-activity-feed .feed-item{padding:14px 18px}.vote-clear-button{border:1px solid rgba(255,255,255,.12);border-radius:8px;background:transparent;color:#aeb4c1;padding:7px 10px;font-size:11px;font-weight:700;cursor:pointer}.vote-clear-button:hover{border-color:rgba(255,122,24,.7);color:#fff}.vote-clear-button i{margin-right:6px;color:var(--vb-accent)}