.draw-center[data-v-48de3a05]{width:100%;min-height:100vh;background-color:#0a0a0a;color:#fff;padding:40px 20px;display:flex;flex-direction:column;align-items:center;position:relative}.logo[data-v-48de3a05]{width:260px;height:260px;display:flex;justify-content:center;align-items:center;margin:0 auto 16px}.logo-image[data-v-48de3a05]{width:140px;height:auto;object-fit:contain}.footer[data-v-48de3a05]{font-size:14px;color:#ffffffb3;text-align:center;padding-top:20px;padding-bottom:20px;border-top:1px solid rgba(255,255,255,.1);width:100%;max-width:1200px;margin:auto auto 0}.groups-container[data-v-48de3a05]{width:100%;max-width:1200px;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-bottom:80px;flex:1}.header[data-v-48de3a05]{text-align:center;margin-bottom:40px;max-width:800px}.title[data-v-48de3a05]{font-size:48px;font-weight:700;color:#007aff;margin-bottom:15px;text-shadow:0 0 10px rgba(0,122,255,.5)}.subtitle[data-v-48de3a05]{font-size:16px;color:#ffffffb3;margin-bottom:30px}.search-container[data-v-48de3a05]{width:100%;max-width:600px;margin-bottom:40px;display:flex}.search-input[data-v-48de3a05]{flex:1;padding:12px 20px;background-color:#141414cc;border:1px solid rgba(0,122,255,.3);border-radius:8px 0 0 8px;color:#fff;font-size:16px}.search-input[data-v-48de3a05]:focus{outline:none;border-color:#007aff;box-shadow:0 0 10px #007aff80}.search-btn[data-v-48de3a05]{padding:12px 20px;background-color:#007aff;border:none;border-radius:0 8px 8px 0;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.search-btn[data-v-48de3a05]:hover{background-color:#0056b3;box-shadow:0 0 10px #007aff80}.groups-container[data-v-48de3a05]{width:100%;max-width:1200px;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-bottom:40px;min-height:400px}.loading[data-v-48de3a05],.no-data[data-v-48de3a05]{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;height:400px;font-size:18px;color:#ffffffb3}.group-card[data-v-48de3a05]{background-color:#0a0a0acc;border:1px solid rgba(0,122,255,.3);border-radius:12px;padding:25px;box-shadow:0 0 20px #007aff33;transition:all .3s ease;height:200px;display:flex;flex-direction:column;justify-content:space-between}.group-card[data-v-48de3a05]:hover{box-shadow:0 0 30px #007aff66;transform:translateY(-5px)}.group-title[data-v-48de3a05]{font-size:18px;font-weight:700;margin-bottom:15px;color:#fff}.group-info[data-v-48de3a05]{display:flex;align-items:center;margin-bottom:20px}.participants[data-v-48de3a05]{font-size:14px;color:#ffffffb3;margin-right:10px}.participant-count[data-v-48de3a05]{font-size:24px;font-weight:700;color:#007aff;margin-right:10px}.icon[data-v-48de3a05]{font-size:16px;color:#ffffff80}.draw-btn[data-v-48de3a05]{width:100%;padding:12px;background-color:#007aff;border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px #007aff80}.draw-btn[data-v-48de3a05]:hover{background-color:#0056b3;box-shadow:0 0 15px #007affb3;transform:translateY(-2px)}.view-result-btn[data-v-48de3a05]{width:100%;padding:12px;background-color:#34c759;border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px #34c75980}.view-result-btn[data-v-48de3a05]:hover{background-color:#28a745;box-shadow:0 0 15px #34c759b3;transform:translateY(-2px)}.footer[data-v-48de3a05]{width:100%;max-width:1200px;display:flex;justify-content:center;align-items:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.copyright[data-v-48de3a05]{font-size:14px;color:#ffffffb3;text-align:center}@media(max-width:768px){.groups-container[data-v-48de3a05]{grid-template-columns:1fr}.footer[data-v-48de3a05]{flex-direction:column;gap:20px;text-align:center}}.draw-result[data-v-a83c1b68]{width:100%;min-height:100vh;background-color:#0a0a0a;color:#fff;padding:40px 20px;display:flex;flex-direction:column;align-items:center;position:relative}.footer[data-v-a83c1b68]{font-size:14px;color:#ffffffb3;text-align:center;padding-top:20px;padding-bottom:20px;border-top:1px solid rgba(255,255,255,.1);width:100%;max-width:1200px;margin:auto auto 0}.header[data-v-a83c1b68]{text-align:center;margin-bottom:40px;max-width:1200px;width:100%}.header-top[data-v-a83c1b68]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;width:100%}.back-btn[data-v-a83c1b68]{padding:8px 16px;background-color:#007aff;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px #007aff80}.back-btn[data-v-a83c1b68]:hover{background-color:#0056b3;box-shadow:0 0 15px #007affb3;transform:translateY(-2px)}.page-size-selector[data-v-a83c1b68]{display:flex;align-items:center;gap:10px;color:#fff;font-size:14px}.page-size-selector select[data-v-a83c1b68]{padding:6px 12px;background-color:#141414cc;border:1px solid rgba(0,122,255,.3);border-radius:8px;color:#fff;font-size:14px;cursor:pointer}.page-size-selector select[data-v-a83c1b68]:focus{outline:none;border-color:#007aff;box-shadow:0 0 10px #007aff80}.title[data-v-a83c1b68]{font-size:48px;font-weight:700;color:#007aff;margin-bottom:10px;text-shadow:0 0 10px rgba(0,122,255,.5)}.subtitle[data-v-a83c1b68]{font-size:24px;color:#fff;margin-bottom:30px}.result-container[data-v-a83c1b68]{width:100%;max-width:1200px;margin-bottom:80px;flex:1;display:flex;flex-direction:column;justify-content:center}.result-grid[data-v-a83c1b68]{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.player-card[data-v-a83c1b68]{background-color:#1a2b4a;border:1px solid rgba(0,122,255,.3);border-radius:8px;padding:15px;display:flex;align-items:center;gap:15px;transition:all .3s ease;box-shadow:0 0 10px #007aff33;animation:fadeInDown-a83c1b68 .5s ease forwards}@keyframes fadeInDown-a83c1b68{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.player-card[data-v-a83c1b68]:hover{box-shadow:0 0 20px #007aff66;transform:translateY(-2px)}.player-number[data-v-a83c1b68]{font-size:18px;font-weight:700;color:#fc0;min-width:30px}.player-name[data-v-a83c1b68]{font-size:16px;color:#fff;flex:1}.pagination[data-v-a83c1b68]{display:flex;align-items:center;gap:10px;margin-bottom:40px}.page-btn[data-v-a83c1b68]{width:40px;height:40px;border-radius:50%;border:1px solid rgba(0,122,255,.3);background-color:#0a0a0acc;color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center}.page-btn[data-v-a83c1b68]:hover{background-color:#007aff33;border-color:#007aff}.page-btn.active[data-v-a83c1b68]{background-color:#007aff;border-color:#007aff;box-shadow:0 0 10px #007aff80}.page-ellipsis[data-v-a83c1b68]{color:#ffffff80;font-size:16px}.footer[data-v-a83c1b68]{width:100%;max-width:1200px;text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.copyright[data-v-a83c1b68]{font-size:14px;color:#ffffffb3;text-align:center}@media(max-width:768px){.result-grid[data-v-a83c1b68]{grid-template-columns:repeat(2,1fr)}.title[data-v-a83c1b68]{font-size:36px}.subtitle[data-v-a83c1b68]{font-size:18px}}@media(max-width:480px){.result-grid[data-v-a83c1b68]{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#0a0a0a;color:#fff;min-height:100vh;display:flex;justify-content:center;align-items:center}#app{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.container{text-align:center;max-width:500px;width:100%}.logo{width:384px;height:150px;display:flex;justify-content:center;align-items:center;margin:0 auto;overflow:visible}.logo-image{width:336px;height:auto;object-fit:contain;transform:translateY(0)}.title{font-size:36px;font-weight:700;color:#007aff;margin-top:0;margin-bottom:15px;text-shadow:0 0 10px rgba(0,122,255,.5)}.subtitle{font-size:16px;color:#ffffffb3;margin-bottom:20px}.form-container{background-color:#0a0a0acc;border:1px solid rgba(0,122,255,.3);border-radius:12px;padding:30px;box-shadow:0 0 30px #007aff33;margin-bottom:20px}.form-label{display:block;text-align:left;font-size:14px;color:#007aff;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.input-container{position:relative;margin-bottom:25px}.input-field{width:100%;padding:15px 50px 15px 40px;background-color:#141414cc;border:1px solid rgba(0,122,255,.3);border-radius:8px;color:#fff;font-size:16px;transition:all .3s ease}.input-field:focus{outline:none;border-color:#007aff;box-shadow:0 0 10px #007aff80}.input-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#ffffff80;font-size:16px}.eye-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#ffffff80;font-size:16px;cursor:pointer;transition:color .3s ease}.eye-icon:hover{color:#007aff}.submit-btn{width:100%;padding:15px;background-color:#007aff;border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #007aff80}.submit-btn:hover{background-color:#0056b3;box-shadow:0 0 20px #007affb3;transform:translateY(-2px)}.status-container{display:flex;justify-content:center;gap:30px;margin-bottom:40px}.status-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#ffffffb3}.status-dot{width:8px;height:8px;border-radius:50%}.status-online{background-color:#34c759;box-shadow:0 0 10px #34c75980}.status-secure{background-color:#007aff;box-shadow:0 0 10px #007aff80}.footer{font-size:14px;color:#ffffffb3;text-align:center;padding-top:20px;padding-bottom:20px;border-top:1px solid rgba(255,255,255,.1);width:100%;max-width:1200px;margin:0 auto}